特定滚动后如何淡化div

时间:2014-05-23 07:57:49

标签: javascript

我试图制作一个div,它在人们向下滚动头部,如google +主页和Facebook的个人资料页面后浮在上面。我正在尝试使用JavaScript。所以请帮帮我。

我试过这个:

 $(window).scroll(function () {
     if ($(window).scrollTop() > 100) {
         $("#theDiv").fadeIn();
     } else {
         $("#theDiv").fadeOut();
     }
 });

1 个答案:

答案 0 :(得分:0)

虽然我认为你可以用更多的努力自己完成这个问题,但是这里有一个jsFiddle,你的代码在这里工作。

http://jsfiddle.net/AfYfE/

$(window).scroll(function () {
    if ($(window).scrollTop() < 100) {
        $("#theDiv").fadeIn();
    } else {
       $("#theDiv").fadeOut();
    }
});

当你向下滚动时,这将使div消失。

如果您使用这些选择器和函数,请不要忘记包含jQuery