滚动250px后，完全隐藏具有不透明度动画的页面

Question

如果在向下滚动250px后div的不透明度从1变为0，我怎么能得到效果？所以不要滚动。这是我在没有动画不透明度的情况下尝试的：

$(function () {
    while ($(window).scrollTop() > 250) {
      $("#home").css({ opacity: 0 });
    }
});

Answer 1

以下是执行此操作的代码以及实时 DEMO 。你尝试的方式就像do while函数一样，当你思考时就会成真，但事实并非如此。您需要捕获滚动和滚动的数量。

$(document).ready(function(){
  $(document).scroll(function(){
    var topscroll = $(document).scrollTop();
    if(topscroll>250){
     $('div').css('opacity',0); 
    }
  });
});