0

特定のレイヤーが特定の位置に達したときに、特定のレイヤーが上にスクロールしないようにする必要があるページがあります。私はそれを達成するためにjQueryを使用しています。問題なく、異なるレイヤーを持ついくつかのページでこれを行いました。

しかし、あるページでこの奇妙な問題に遭遇しました..

要素のスクロールを停止すると、ウィンドウのスクロール バーが失われます。

このjQueryコードを使用します

$(window).scroll(function(){

var scrollTop = $(window).scrollTop();

  if (scrollTop > 404){
    $('#sub-header').css('position','fixed')
    $('#sub-header').css('top','66px')
  }
}); // close window scroll function

ロックしようとしている div 要素に続いて、さらに 12 個の div 要素があり、それらは 400px の高さに設定されています。ウィンドウがサブヘッダーの下のコンテンツを読み取らない理由について混乱しています。どんな助けでも大歓迎です。

4

2 に答える 2

0

この特定のケースでは、問題は、固定ヘッダーの下にあるはずの div が実際にはヘッダーによってラップされていたことです。高さが固定された大きな div が、オーバーフローしたコンテンツをスクロールできないものとして自動的にレンダリングするのは論理的です。ページ内の同じ要素を同時に固定してスクロールすることはできません。

于 2013-06-26T13:47:06.997 に答える