粘滯套件在第一次滾動時不起作用

Question

嗨我使用http://leafo.net/sticky-kit/插件在我的導航欄到達頂部時粘到窗口的頂部。它的工作原理，但奇怪的不是一審。一旦我再次上下滾動，它就完美了。有很多代碼，粘性套件代碼基本上告訴插件哪個元素粘在他的父母身上，所以我沒有包含在這裏。有其他人遇到過這個問題。 我在www.test.mrjinxy.com有一個測試域。我很感激任何help.Thanks

Answer 1

我不能告訴哪個元素你打電話stick_in_parent（）函數，但我有同樣的問題，「粘滯」元素消失在第一次滾動，但後滾動後工作備份。

我的問題最終是因爲我需要clearfix我的父div。父div沒有高度，因爲它只包含浮動元素。在父div上使用clearfix後，滾動問題消失了。 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>