让过去滚动页面的某个点时，一个div出现(Make a div appear when scroll

我的目标是做一个固定的div出现在页面的顶部，一旦有人滚动一定量的像素在网页的。 基本上，一旦头部分超出视图，这个div会出现。

我看过类似我想要的代码; 然而，什么也没有看到，让我很容易地从页面（如果可能的话）的顶部修改像素数。

下面是一段代码，我看到处理使div的出现滚动。

// Get the headers position from the top of the page, plus its own height
var startY = $('header').position().top + $('header').outerHeight();

$(window).scroll(function(){
    checkY();
});

function checkY(){
    if( $(window).scrollTop() > startY ){
        $('.fixedDiv').slideDown();
    }else{
        $('.fixedDiv').slideUp();
    }
}

// Do this on load just in case the user starts half way down the page
checkY();

我只是想知道如何使它出现。 如果已经在机智的一段代码用幻灯片有人知道向上和向下滑动动画，那将是极大的，以及，但不是必需的赞赏。

Answer 1:

window.addEventListener("scroll",function() { 
   if(window.scrollY > 500) {
      $('.fixedDiv').slideDown();
   }
   else {
      $('.fixedDiv').slideUp();
   }
},false);

Answer 2:

布兰登·蒂利回答我的问题在评论...

你会改变的第一线，与startY，是你所需要的特定的Y位置，而不是计算基于头部的位置和高度。 这里有一个更新的小提琴：jsfiddle.net/BinaryMuse/Ehney/1

Answer 3:

window.addEventListener("scroll",function() { 
   $('.fixedDiv')[(window.scrollY > 500)?"slideDown":"slideUp"]();
},false);

DEMO： http://jsfiddle.net/DerekL/8eG2A/

文章来源: Make a div appear when scrolling past a certain point of a page