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() > 200更改为$(this).scrollTop() > 200 && $(this).scrollTop() < 500

基于滚动的jQuery to fadeIn和fadeOut

2 个答案: