Я использую sticky-kit.js из https://leafo.net/sticky-kit/ в своем веб-приложении. Это веб-приложение AngularJS, поэтому я вызываю код jquery внутри директивы. Плагин отлично работает для меня, но я не могу достичь определенного макета. Очень упрощенно, у меня на странице есть

{amp}lt;header{amp}gt; {amp}lt;filters{amp}gt; // To be stuck on top of the page {amp}lt;main-content{amp}gt; {amp}lt;main-left-content{amp}gt; {amp}lt;main-right-content{amp}gt; // with a google maps to be stuck below the filters {amp}lt;some-other-content{amp}gt; 

Когда {amp}lt;filters{amp}gt; попадают в топ, это отлично застряло. Когда {amp}lt;main-right-content{amp}gt; попадает в верхнюю часть, тоже застревает, но маленькая деталь в том, что я хочу, чтобы {amp}lt;main-right-content{amp}gt; застряла чуть ниже {amp}lt;filters{amp}gt; а не в верхней части. Я думал, что правильный подход должен установить свойство offset_top на {amp}lt;main-right-content{amp}gt; с высотой {amp}lt;filters{amp}gt; , но это не работает для меня.

К сожалению, шаблон сложный с большим количеством CSS, поэтому я попытался упростить этот плункер, но, к сожалению, липучка не работает в плунжере, я не знаю почему.

https://plnkr.co/edit/35Sj5O?p=preview