Question

我用下面来改变一个元素的不透明性, 从 0 到 1, 以它们滚动的像素数量为基础, 并且它完美运作。

$(window).scroll(function() {
  if ($(this).scrollTop() > 200) {
      $("#hook").stop().animate({
          opacity: 1
      }, 300);
  } else {
      $("#hook").stop().animate({
          opacity: 0
      }, 300);
  }
});

我想补充一点,“当用户滚动了500个像素或更多时, 就会把它从后面掉出来。”

Answer 1

我漏掉了什么吗? 这个代码是99%! http://jsfiddle.net/AwnWe/2

$(window).scroll(function() {
  var scrollTop = $(this).scrollTop();
  console.log( Scroll  , scrollTop);
  if (scrollTop > 500 || scrollTop < 200) {
      $("#hook").stop().animate({
          opacity: 0
      }, 300);
  } else {
      $("#hook").stop().animate({
          opacity: 1
      }, 300);
  }
});

Answer 2

我想您可能会更改 $( this) 。 scrollTop () & gt; 200 改为 $( this).scrollTop () & gt; 200 & amp; & amp; $(this).scrollTop () & lt; 500

友情链接