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 に答える