содержание липкого набора исчезает внизу прокрутки

Question

Я использую sticky-kit для прокрутки содержимого, а затем исправить его, когда он достигнет конца содержимого одного столбца.

Вот некоторые примеры липкого комплекту работает нормально на моем сайте: Example 1, Example 2

Однако я столкнулся с проблемой, что при достижении дна this post правильное содержание руки исчезает? Который я не понимаю, почему, поскольку он использует тот же самый код, что и другой контент для публикации.

Я изучил ссылку на липкий комплект, и он говорит, что добавление sticky_kit:recalc должно помочь в решении таких проблем. Но это не имело никакого значения.

Вот мой код:

$(document.body).trigger("sticky_kit:recalc"); 
$("#single__images, #single__content").stick_in_parent({offset_top:150}); 

HTML:

<article id="single-post"> 
    <div id="single__images><img src="#"></div> 
    <div id="single__content>Text goes here</div> 
</article> 

Кто-нибудь есть какие-либо идеи о том, что может быть причиной содержание исчезнуть, и как ее решить?

Answer 1

У меня была та же проблема, что и мой липкий div исчезает внизу. Я использовал его для бутстрапов. Я решил это, добавив позицию: статический к липкому id. Либо JQuery:

$('#my-sticky-element') 
.on('sticky_kit:bottom', function(e) { 
    $(this).parent().css('position', 'static'); 
}) 
.on('sticky_kit:unbottom', function(e) { 
    $(this).parent().css('position', 'relative'); 
}) 

Или просто CSS:

#my-sticky-element { 
    position: static 
} 

Answer 2

Для моего проекта я должен был решить, изменив столбцы, которые имели position:relative; к position:static;

При приближении части где элемент Sticky изменяется на unstick, его позиция изменяется от position:fixed; до position:absolute;. Если назначенный родительский элемент не является непосредственным родителем, то любые элементы, находящиеся между ними, имеющими относительное или абсолютное положение, будут лишать позицию липкого элемента.