如何让一个固定元素包含在一个相对元素中？

Question

我有一个固定的元素（div），我想用我的页面滚动。但是，当固定元素到达容器的末端（div）时，我希望它停止滚动页面。

我想用CSS做这个，或者是jquery我最好的选择？

Answer 1

元件与position:fixed相对于身体，而不是包含元素的位置。如果不使用JavaScript，你可能无法做到这一点。

Answer 2

您可以使用$(window).scroll()添加事件并比较div容器和固定元素的位置。

当它们相等时，将位置样式从fixed切换到absolute，并相应地设置左侧和顶部。当用户回头时，做相反的事情。