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

Item appearing when reaching a certain height (scroll effect)

本文关键字：项目 滚动 高度      更新时间：2023-09-26

我刚刚发现了这个代码：

script type="text/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);
    });
});

尽管如此，我还是想扭转这些影响。我希望元素在达到一定高度（在本例中为400）时开始opacty:0和fadein。

感谢

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

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

（没有测试，但我很有信心这就是你想要的。）

相关文章：