Bootstrap Affix - 有關數據偏移量底部的任何教程？

我已經嘗試過尋找那麼多的詞綴補充教程，但是他們都討論了數據補償頂部。這裏的任何人都知道關於數據偏移量底部教程？
我曾嘗試寫一些代碼在這裏
https://jsfiddle.net/okiewardoyo/3m8oeLp5/
表格上面的jsfiddle，我嘗試使用數據偏移頂，
Bootstrap Affix - 有關數據偏移量底部的任何教程？

<ul class="nav nav-pills nav-stacked" data-spy="affix" data-offset-top="100">

我要的是，當用戶滾動到頁尾apear，黃色側欄變得不固定並且跟隨頁腳。
我想我們可以在這裏使用data-offset-bottom。但如何做到這一點？感謝

來源

2016-03-29 Okie Eko Wardoyo

的tutorial from W3School我覺得是你的問題不夠明確也有一些簡單的教程here

偏移頂部或底部僅表示其中一部分將被「固定」（這是可選的信息）。既然你希望它在詞綴底部停止位置（類改爲粘貼底部）這個位置應該是絕對的，因此元素不會繼續應用詞綴（通常問題是類的詞尾是沒有被應用）。

要做到這一點dinamically你可以使用jQuery和附加功能，因爲它說在任何其他方式，你必須硬指派這個值（頁腳的高度）。分配

#nav1.affix-bottom { position: absolute; }

位置如何導航看起來：

`<ul id="nav1" class="nav nav-pills nav-stacked" data-spy="affix" data-offset-top="100" data-offset-bottom="600">`

Your example working（其實我也擺脫其容器的導航，但在任何方式工作）

來源

2016-03-30 01:11:05 SirPeople

非常感謝，您的例子就是我想要的。我在這裏重新調整你的代碼https://jsfiddle.net/okiewardoyo/twkthn44/2/，這就是我想要的。當我滾動，該部分變得修復，並達到頁腳後，該部分變得不固定，並按照頁腳。 –

但我很好奇，如果我用jquery來計算頁腳高度，該怎麼做？我發現了另一個使用此數據偏移量底部的示例http://jsfiddle.net/uvnGP/131/，但有時當我向下滾動時，客戶信息無法正確修復 –

有一種方法[.height（） ]（http://api.jquery.com/height/）易於使用。這是所有關於給班級的適當信息（例如正確的底部偏移量）。如果您對問號感到滿意，那麼這個問題可能對其他人有用。您在註釋中記下的第二個示例不是在頁腳boundarie處停止，因爲它們使用var footerHeight = $（'footer'）。innerHeight（）;而不是高度，什麼給矩形的內部部分的高度。 – SirPeople

Bootstrap Affix - 有關數據偏移量底部的任何教程？

回答

相關問題