Сделайте палку для боковой панели, когда один из дочерних элементов достигнет вершины, на которой находится дочерний элемент с автоматической высотой

Question

У меня возникла проблема с попыткой сделать боковую палку на правильной высоте и сделать желаемый эффект, это мой код:

https://jsfiddle.net/oavgLrf9/

Я хочу, чтобы мой боковой панели, чтобы добавить фиксированный класс, когда второй модуль достигает верхней, проблема заключается в том, что оба модуля используют высоту авто, поэтому их изменение высоты в зависимости от монитора.

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

Кроме того, я хочу, чтобы, когда пользователь прокручивает вверх сторона бар идет сверху тоже, и когда она достигает дна изменения в абсолют, как в этом примере:

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

Я попытался с помощью липкой -kit plug in делает почти то, что я хочу, будет примером 4, но он не прилипает к той высоте, которая мне нужна из-за этих изменяющихся значений.

Answer 1

Вы можете использовать HcSticky, чтобы решить вашу проблему.

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

смотри примеры: http://someweblog.com/demo/hcsticky/