如何摺疊滾動導航

Question

不知道這個問題是否已經回答。

我正在創建一個導航，用戶滾動時摺疊。我想要類似於這個網站http://adcglobal.org/。滾動時導航變小。我想將我的礦物摺疊到一個菜單中（類似於響應式導航菜單，除了這是滾動而不是@media來更改屏幕大小）。

我正在玩jQuery，這是我到目前爲止。這個問題是，一旦你開始滾動，一切都會消失。

$(window).scroll(function(){ 
$("ul").hide(); 
}); 

我沒有使用過的Javascript/jQuery的多少對圖書館有很好的理解，什麼可以或不可以做。

Answer 1

你要使用這樣的：

$("ul").removeClass('top'); 
$("ul").addClass('scroll'); 

在你的CSS類

其中top，你將有當它在頂部設置的所有樣式，並在課堂上scroll你將有所有樣式用於滾動後。

你也可能會希望每次檢查用戶滾動的$("ul").offSet().top的 值，如果是0，你要添加的類top回元素，並刪除scroll。您也可以檢查該值，以確保在更改課程之前確定一定數量的滾動條，例如：

if ($("ul").offSet().top > 20){ ... }