1.判断浏览器是否有滚动条
function hasScrollbar() {
return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight);
}
2.阻止冒泡行为
1.event.stopPropagation();
事件处理过程中,阻止了事件冒泡,但不会阻击默认行为。
- return false;
事件处理过程中,阻止了事件冒泡,也阻止了默认行为。- event.preventDefault();
事件处理过程中,不阻击事件冒泡,但阻击默认行为。
3.鼠标滚动事件
$(document).on("mousewheel DOMMouseScroll", function (e) {
var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) || // chrome & ie &其它
(e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1)); // firefox
//var delta = (event.originalEvent.wheelDelta) ? event.originalEvent.wheelDelta : -(event.originalEvent.detail || 0); //合并写法
if (delta > 0) {
// 向上滚
console.log("wheelup");
} else if (delta < 0) {
// 向下滚
console.log("wheeldown");
}
});
参考:https://blog.csdn.net/panying0903/article/details/50434903
网友评论