スクロール中に DIV を所定の位置に固定しておくにはどうすればよいですか?

スクロール上の所定の位置に DIV をロックする方法

ページの後半に表示される DIV がある場合は、それが必要になる可能性がありますスクロール後に表示されると、その位置に固定されたままになります。これを実現するには、CSS のみを使用することは以前は不可能でした。ただし、CSS の進歩により、それが実現可能になりました。

より詳細な説明については、この Stack Overflow の回答を参照してください: https://stackoverflow.com/a/53832799/1482443

必要に応じて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'
    });
  }
});

この jQuery コードにより、次のことが可能になります。初期位置を超えてスクロールしたら、クラス "fixme" を使用して DIV の位置を修正します。

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