0

我正在使用以下内容根据元素滚动的像素数将元素的不透明度从 0 更改为 1,并且效果很好。

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

我想补充的是,“当用户滚动 500 像素或更多时,将其淡出。”

4

2 回答 2

2

我错过了什么吗?该代码存在 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);
  }
});​
于 2012-05-24T19:18:35.487 回答
1

我想你可能会改变$(this).scrollTop() > 200$(this).scrollTop() > 200 && $(this).scrollTop() < 500

于 2012-05-24T19:18:45.200 回答