使 Div 固定在滾動上

Question

如何使 div 固定在用戶檢測滾動時。
示例：Facebook 的右側邊欄，到達某個滾動位置時它會卡住。

Answer 1

position:fixed就是答案。
但是，如果您想知道網站的工作方式，則可以隨時查看網站的來源。 很有教育意義！

Answer 2

監視我們是否正在滾動。

if($(window).scrollTop() > 0){
  //we're scrolling our position is greater than 0 from the top of the page.
  $("#element").css({'position' : 'fixed'});
}

* 編輯

不用jQuery就可以做到。

if(window.scrollTop() > 0){
  document.getElementById('element').style.position="fixed";
}

Answer 3

我遇到過這篇文章，其中介紹了一種解決方案https://www.virendrachandak.com/techtalk/make-a-div-stick-to-top-when-scrolled-to/

Answer 4

不知道這是什么意思嗎？

但是您可以添加CSS屬性位置：fixed; 使其即使在滾動后仍顯示在sam位置上。

有關CSS定位的更多信息

Answer 5

它接縫你正在尋找的position: sticky; .

了解更多： https : //css-tricks.com/position-sticky-2/

Answer 6

http://csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css/

使用帶有滾動鎖插件的jQuery： https : //gist.github.com/837729