2016-09-10 22 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