如何使滚轮滚动距离达到页面高度的100%?

时间:2016-09-10 22:19:16

标签: javascript scroll height mouse

嘿伙计我有一个页面,我正在尝试捕捉鼠标滚轮所以当有人在顶部并滚动页面滚动到浏览器显示的100%对不起我不知道如何解释这只是访问Mega并向下滚动一次,你会明白我的意思。感谢您的任何提示:)

1 个答案:

答案 0 :(得分: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