当其中一个子元素到达顶部时,使侧边栏保持不变,子元素位于其顶部并具有自动高度
Make sidebar stick when one of the child elements reaches top having the child element on top of it with an auto height
我在尝试使侧边栏保持正确高度并达到预期效果时遇到问题,这是我的代码:
https://jsfiddle.net/oavgLrf9/
我希望我的侧边栏在第二个模块到达顶部时添加一个固定的 class,问题是这两个模块都使用自动高度,因此它们的高度会根据显示器而变化。
<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/
我在尝试使侧边栏保持正确高度并达到预期效果时遇到问题,这是我的代码:
https://jsfiddle.net/oavgLrf9/
我希望我的侧边栏在第二个模块到达顶部时添加一个固定的 class,问题是这两个模块都使用自动高度,因此它们的高度会根据显示器而变化。
<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/