的Javascript問題if語句

Question

香港專業教育學院寫了一個簡單的腳本，心不是工作作爲善意的：

var prevscroll = 0; 
$(document).scroll(function(){ 

    var currscroll = $(document).scrollTop(); 
    if(currscroll > prevscroll){ 
     $("header").toggle(); 
     prevscroll = currscroll; 
    } 
    if(currscroll < prevscroll){ 
     $("header").toggle(); 
     prevscroll = currscroll; 
    } 
}); 

當頁面滾動下來，它的意思隱藏標題，只顯示它如果向上滾動然而，發生了什麼正如我向下滾動它的輕彈一樣。 ：|

我想我可能只是發現了一個愚蠢的錯誤！自從prev滾動不斷增加以來，它將保持閃爍。

Answer 1

你不能用你的方式使用toggle()，因爲滾動事件被調用了很多次，所以如果你的if語句使用相同的值調用多次，那麼它會閃爍，然後熄滅，然後打開，然後每次撥打電話.toggle()。你需要明確隱藏或顯示你的條件滿足。

我不太明白究竟你想與prevscroll做什麼，但也許這就是你想要什麼：

var prevscroll = 0; 
$(document).scroll(function(){ 

    var currscroll = $(document).scrollTop(); 
    if(currscroll > prevscroll){ 
     $("header").hide(); 
     prevscroll = currscroll; 
    } 
    if(currscroll < prevscroll){ 
     $("header").show(); 
     prevscroll = currscroll; 
    } 
}); 

這將隱藏你繼續往下看頭隨時隨地的，並顯示只要您開始向上滾動頁眉。