使 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