0

設定したピクセル数を下にスクロールしたときに要素を非表示にすることはできますか？

たとえば、固定された車の画像を下にスクロールすると、800ピクセルの視点でフェードアウトし、再びフェードアップした場合は上にスクロールします。基本的に、ページの大きさに関係なく、ページ全体のセクションにのみ表示されますか？

以下をまとめました。site-containerはすべてのコンテンツのサイトラッパー全体であり、＃planeは上から800pxスクロールした後に非表示にするhtml要素です。

    $('#site-container').scroll(function(){
      if($(this).scrollTop() > 800) $('#plane').fadeOut('slow');
      if($(this).scrollTop() < 800) $('#plane').fadeIn('slow');
    });

それはうまくいかないようですが、どんな助けでも大歓迎です。

4

1 に答える 1

1

に変更$('#site-container')し$(window)ます。

#site-containerフルサイズのコンテナーであっても、実際のスクロール バーはウィンドウに適用されます。

overflow-y: auto;スクロールバーは、 またはを設定した場合にのみ要素に適用されますoverflow-y: scroll;。

于 2013-01-18T07:57:00.270 に答える