当滚动时使一个Div固定

Question

如何在用户滚动时使 div 固定。示例：Facebook 的右侧边栏，在达到某个滚动位置时会固定。

- sandbox

---

我以前用过这个，请看一下 http://blog.echoenduring.com/2010/11/15/freebie-contained-sticky-scroll-jquery-plugin/ - elclanrs

Answer 1

position:fixed是答案。
但如果你想知道他们如何做到的，你可以查看网站源代码。非常有教育意义！

- Mr Lister

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";
}

- Ohgodwhy

---

scrollTop 不是特定于 jQuery 的，但其余部分是。 - Ohgodwhy

Answer 3

我看到了一篇文章，讲解了如何解决当滚动时使一个div固定在顶部的问题。文章链接：https://www.virendrachandak.com/techtalk/make-a-div-stick-to-top-when-scrolled-to/

- Nikhil

Answer 4

不确定这是否是您要表达的意思？

但是您可以添加CSS属性position:fixed;，使其在滚动后仍然出现在同一位置。

有关CSS定位的更多信息

- Volmar

Answer 5

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

使用带有滚动锁定插件的jQuery：https://gist.github.com/837729

- Fireblaze

Answer 6

看起来你正在寻找 position: sticky;。

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

- Nikita Seleckis