div が最初の位置にあったとしても、スクロールした後にその div が固定されたままになるようにするにはどうすればよいでしょうか?

スクロール後の Div の修正

問題: スクロール後に div が固定されたままであることを確認するにはどうすればよいですかの最初の位置にもかかわらず、それにpage?

解決策:

これを実現するには、主に 2 つのアプローチがあります:

1. CSS のみ方法:

   • CSSを利用するPosition: 目的の位置までスクロールした後の固定プロパティ。
   • このソリューションは最新のブラウザーで利用できます (詳細については https://stackoverflow.com/a/53832799/1482443 を参照してください)。

2. jQueryメソッド:

   • jQuery を使用してスクロール イベントをリッスンします。
   • offset().top メソッドを使用して目的の div の初期位置を決定します。
   • 適用スクロール位置が div の初期位置を超える場合は、position: スタイルが修正され、それ以外の場合は、position: static に戻ります。 jQuery コードは次のとおりです。

var fixmeTop = $('.fixme').offset().top;

$(window).scroll(function() {

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

    if (currentScroll >= fixmeTop) {
        $('.fixme').css({
            position: 'fixed',
            top: '0',
            left: '0'
        });
    } else {
        $('.fixme').css({
            position: 'static'
        });
    }

});

どちらのアプローチでも、スクロール後に div を効果的に固定できます。 2 つの方法のどちらかを選択するときは、ブラウザのサポートを忘れずに考慮してください。

以上がdiv が最初の位置にあったとしても、スクロールした後にその div が固定されたままになるようにするにはどうすればよいでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。