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

时间:2013-02-15 16:50:38

标签: javascript jquery scroll

我刚刚找到了这段代码:

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

虽然,我想扭转这些影响。我希望元素开始不透明:当达到一定高度时,0和fadein(在这种情况下为400)。

由于

1 个答案:

答案 0 :(得分: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);
    });
});

(未经测试,但我非常有信心,这就是你要找的东西。)