javascript - 达到一定高度时出现的项目（滚动效果）

Question

我刚刚找到了这段代码：

脚本类型="文本/javascript">

$(document).ready(function() {


    $(window).scroll(function () {
          var height = $('body').height();
          var scrollTop = $('body').scrollTop();
          var opacity = 1;


          if(scrollTop > 400) {
              opacity = 0;
          }

       $('.social').css('opacity', opacity);
    });
});

虽然，我想扭转这些影响。我希望元素开始 opactiy : 0 并在达到一定高度时淡入（在本例中为 400）。

谢谢

Answer 1

虽然我不确定你是否真的自己尝试过，但我会说：

$(document).ready(function() {


    $(window).scroll(function () {
          var height = $('body').height();
          var scrollTop = $('body').scrollTop();
          var opacity = 0;


          if(scrollTop > 400) {
              opacity = 1;
          }

       $('.social').css('opacity', opacity);
    });
});

（未经测试，但我非常有信心这就是您要寻找的。）