滾動頁面頂部時，如何將導航欄保持在頂部？

Question

在Safari等瀏覽器和Mac版Chrome瀏覽器中，當您嘗試在頁面開始時向上滾動時，仍然可以向上滾動一點點，但遇到阻力，並且頁面在放開時反彈回來。

我有一個導航欄穿過我的頁面頂部。當用戶向上滾動頁面頂部時，導航欄會隨着頁面的其餘部分向下移動，如this demo video。即使在滾動期間，如何讓導航欄停留在頁面的頂部？

Answer 1

我想你想創建一個「粘滯標題」，當你向下滾動時停留在頁面頂部。你可以通過使用CSS的「位置」統治你的導航欄：

position: fixed; 
top: 0; 

注：也許這是this question重複。

Answer 2

試試這個解決方案，我只是根據你的gif猜測。

1. html,body{overflow:hidden} （或）
2. #nav{position:fixed;top:0; or margin-top : 0;} （或）
3. $("#navbar").css("marginTop",'0')

在第三個例子，你可以嘗試使用變量保存你的CSS值，然後通過使用，如果條件可以嘗試並可能擺脫這種反彈效應。

Answer 3

我認爲唯一的辦法就是禁用反彈效果。跳出效果正在處理HTML標籤本身，因此不會有絕對或固定的定位。 嘗試將隱藏屬性應用於溢出的HTML標記，如下所示： html {overflow: hidden}