使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/