.affix底部類不適用於twitter引導詞綴插件

Question

我試着用數據屬性和Javascript語法創建很多語法，以便在滾動時爲固定對象設置.affix底部類向下，但它不起作用。 當我檢查粘貼的元素時，當通過向下滾動到達頁面底部時，.affix類不會變成.affix-bottom。

我已經嘗試了很多片段inclluding的官方文檔中提供：

<div data-spy="affix" data-offset-top="60" data-offset-bottom="200"> 
    ... 
</div> 

====

$('#my-affix').affix({ 
    offset: { 
    top: 100 
    , bottom: function() { 
     return (this.bottom = $('.footer').outerHeight(true)) 
    } 
    } 
}) 

我錯過了什麼？

THank提前。

Answer 1

你的div應該是這樣的

<div id="my-affix">

既然你指的jQuery中該分區ID。 詞綴js也沒有爲我聽html數據元素，但這應該工作！

Answer 2

這只是因爲您已經在您的HTML標記中直接設置了data-offset-bottom="200"。

由於您沒有在您的HTML標記中設置id，所以您的jQuery選擇器無法獲取該元素。

爲了使這一工作： 1.添加ID到你的元素 2.拆下兩個data-offset-top和data-offset-bottom如果你要動態地計算出底部。

那麼結果會是這樣的：

<div id="my-affix" data-spy="affix"> 
    ... 
</div> 
... 
<div class="footer></div> 
==== 

$('#my-affix').affix({ 
    offset: { 
    top: 100 
    , bottom: function() { 
     return (this.bottom = $('.footer').outerHeight(true)) 
    } 
    } 
})