当其中一个子元素达到顶部时，使侧边栏粘住，其子元素上有一个自动高度。

Question

我在试图使我的侧边栏保持在正确的高度并达到预期效果时遇到了问题，这是我的代码：

https://jsfiddle.net/oavgLrf9/

我希望我的侧边栏在第二个模块到达顶部时添加一个固定的类，问题是这两个模块都使用高度自动，因此它们的高度取决于监视器的变化。

<div class="sidebar">        
    <div class="mod-1"></div>
    <div class="mod-2"></div>
</div>

此外，我还希望当用户滚动到顶部时，边栏也会向上滚动，并且当它到达底部时会更改为绝对值，如下面的示例所示：

http://jsfiddle.net/gmolop/y3tdL9wd/

我试着使用粘性工具包插件，它几乎完全符合我想要的，这是示例4，但由于这些变化的值，它不会停留在我需要的高度上。

Answer 1

您可以使用HcSticky来解决问题。

http://someweblog.com/hcsticky-jquery-floating-sticky-plugin/

参见示例：http://someweblog.com/demo/hcsticky/