见http://codepen.io/anon/pen/NGqPNz
CSS:
html {
height: 100%;
overflow-y: hidden;
}
body {
height: 100%;
overflow-y: auto;
}
Run Code Online (Sandbox Code Playgroud)
JS:
$('body').bind("scroll", function () {
if ($('body').scrollTop()) {
console.log('triggered!');
} else {
console.log($('body').scrollTop());
}
});
Run Code Online (Sandbox Code Playgroud)
scroll事件在body元素上触发.滚动条位于body元素上,而不是html或window元素上.那么为什么document.body.scrollTop或$('body').scrollTop()返回0?
有没有办法可以用这个来检测滚动条的位置,或者如果我想使用高度,我会卡住:100%; 溢出:隐藏在html元素上?
谢谢!