2016-09-10 31 views
0

嘿傢伙我有一個頁面,我試圖捕獲鼠標滾輪,所以當有人在頂部和滾動一次頁面滾動到瀏覽器顯示的100%的抱歉抱歉,我不知道如何解釋這個只需訪問Mega並向下滾動一次即可看到我的意思。感謝您的任何提示:)如何使輪子滾動距離達到頁面高度的100%?

+1

的[滾動一整頁高度達到或使用jQuery/Javascri下可能的複製pt](http://stackoverflow.com/questions/18953652/scroll-a-full-page-height-up-or-down-with-jquery-javascript) – yuriy636

+0

感謝沒有看到 – Dev

+1

@ yuriy636可能的重複被標記爲jQuery,這個問題不是。 – jtrumbull

回答

0

不是一個完整的實現,任何延伸,但應該足以讓你開始。

HTML

<div id="head">Your top page...</div> 
<div>All other content...</div> 

CSS

#head { 
    height: 100vh; 
} 

的Javascript

var head = document.getElementById('head'); 
head.addEventListener("wheel", handleMouseWheel); 

function handleMouseWheel (event) { 
    window.scrollTo(0, head.scrollHeight); 
} 

見工作http://codepen.io/jtrumbull/pen/vXNREy