Sticky-Kit не работает над первым прокруткой

Question

Привет, я использую плагин http://leafo.net/sticky-kit/, чтобы привязать мой навигатор к верхней части окна, когда он достиг вершины. Это работает, но странно не в первом случае. Как только я прокручиваю назад вверх и вниз, он работает отлично. Существует много кода, и липкий код набора в основном говорит плагину, что элемент придерживается своего родителя, поэтому я не включил его здесь. Кто-нибудь еще столкнулся с этой проблемой. У меня есть тестовый домен на www.test.mrjinxy.com. Буду признателен за любую помощь. Спасибо

Answer 1

Я не могу сказать, на какой элемент вы вызываете функцию stick_in_parent(), но у меня была такая же проблема с тем, что элемент «липкий» исчезает в первом прокрутке, но затем работает после прокрутки резервное копирование.

Моя проблема закончилась тем, что мне нужно было очистить мой родительский div. Родительский div не имел высоты, потому что в нем содержались только плавающие элементы. После использования clearfix в родительском div проблема прокрутки исчезла. Я использовал метод из этой статьи: http://www.quirksmode.org/css/clearing.html

Вот пример того, что я должен был сделать:

Старый код:

<style> 
    #sticky { 
    float: left; 
    }  
</style> 

<div id="container"> 
    <div id="sticky"> 
    </div> 
</div> 

Пересмотренный код:

<style> 
    #container { 
    /* Clearfix */ 
    overflow: hidden; 
    width: 100%; 
    } 

    #sticky { 
    float: left; 
    }  
</style> 

<div id="container"> 
    <div id="sticky"> 
    </div> 
</div>