jQueryを使用して特定の位置で固定位置スクロールを停止するにはどうすればよいですか?

特定の位置で固定位置スクロールを停止する

ページを固定位置でスクロールする要素があります。ただし、スクロールを特定の位置 (ページの上部から 250 ピクセルなど) で停止したいとします。

jQuery ソリューション

これを実現するには、jQuery を使用します。 :

$(window).scroll(function(){
    $("#theFixed").css("top", Math.max(0, 250 - $(this).scrollTop()));
});

このコード:

• が添付されますウィンドウ オブジェクトへのスクロール イベント リスナー。
• $(this).scrollTop() を使用して現在のスクロール位置を取得します。
• 0 と 250px とスクロールの差の間の最大値を計算します。 Position.
• ID「theFixed」を持つ要素の最上位プロパティを計算された値に設定します。 value.

これにより、要素は上にスクロールするときにページの上部から 250 ピクセルでスクロールを停止します。

以上がjQueryを使用して特定の位置で固定位置スクロールを停止するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。