我在尝试使侧边栏保持正确的高度并达到所需的效果时遇到问题,这是我的代码:
https://jsfiddle.net/oavgLrf9/
我希望我的侧边栏在第二个模块到达顶部时添加一个固定类,问题是两个模块都使用高度自动,因此它们的高度会根据显示器而变化。
<div class="sidebar">
<div class="mod-1"></div>
<div class="mod-2"></div>
</div>
此外,我希望当用户滚动到顶部时,侧边栏也会到达顶部,并且当它到达底部时会更改为绝对值,如下例所示:
http://jsfiddle.net/gmolop/y3tdL9wd/
我尝试使用粘性套件插件,它几乎完全符合我想要的效果,即示例 4,但由于这些不断变化的值,它没有粘在我需要的高度。
最佳答案
您可以使用HcSticky来解决您的问题。
http://someweblog.com/hcsticky-jquery-floating-sticky-plugin/
关于javascript - 当子元素之一到达顶部且子元素位于其顶部并具有自动高度时,使侧边栏粘住,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33656911/