動態固定的導航欄位置

Question

我在頁面的一側有一個導航欄，我希望它在某個位置將其位置從fixed更改爲absolute。我基本上試圖讓它看起來像是在用戶滾動過去時被我的頁腳停下來的。我目前使用此代碼

，

$(window).scroll(function(){ 
    $("#myNavbar").css("top",Math.min(562 , 1020 - $(this).scrollTop())); 
}); 

此頁面上所定義的滾動頂部的一個偉大工程。不幸的是，我需要在12頁上重複這種行爲，所有這些都有不同的高度。

我怎麼會需要解決這個，計算百分比？任何幫助將非常感激！

Answer 1

你想要做的是獲得頁腳的scrollTop()位置。從那裏，您比較導航欄的scrollTop()（+標籤欄height()），並且只要導航欄scrollTop() + height()>頁腳scrollTop()，就會更改導航欄addClass('not-sticky')的類。其中.not-sticky{position:absolute}。希望這會有所幫助