如何在滾動時保持 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中文網其他相關文章！