如何将固定元素保存在相对元素中？

Question

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

我正在尝试用CSS做这个，或者jquery是我最好的选择？

Answer 1

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

Answer 2

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

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