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

Question

如何实现div的不透明度从1变化为1后250px后变化的效果？所以不是在滚动时。这是我没有动画不透明度的我尝试的：

$(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); 
    }
  });
});