，同時隱藏滾動條和隱藏溢出觸發事件

如果你去那裏並向上滾動，隱藏頁腳顯示順利，那麼如果再次向下滾動頁腳就會停止。

當我點擊按鈕時，我的HTML文件可以模仿相同的東西，但當我嘗試通過滾動鼠標滾輪來動畫頁腳時，它不起作用。

問題在於滾動事件觸發多次。另外，當溢出設置爲隱藏滾動事件不會觸發。

任何想法來解決這個問題？

我似乎無法使用jquery上jsfiddle https://jsfiddle.net/vd6qgLL2/3/

2016-05-12 Paul

問題尋求幫助調試必須包括必要的重現它最短的代碼**在問題本身NB ** - **請不要濫用代碼。阻止這個要求**。 –

如果你看看網站，它使用jQuery來滾動添加一個類。然後它使用CSS動畫將頁腳塊滑入視圖。使用'transform：translate（0,100％）;'轉換爲：translate（0,0）;'這是一種不帶視差的好方法 – Andrew

嘗試使用"wheel"事件，而不是「滾動」。

document.getElementsByTagName("body")[0].addEventListener("wheel", function() { 
//your code here 
});

請找到你的重構後的提琴：https://jsfiddle.net/mp0a6Ln6/

2016-05-12 11:35:07 rtrukhin

回答