js监听滚动条向上还是向下
2017-11-02 12:39
447 查看
今天有个小伙伴问我 我就尝试写了下 直接看代码 顺便记住方便以后使用
<script type="text/javascript">
var scrollFunc = function (e) {
e = e || window.event;
//先判断浏览器IE,谷歌滑轮事件
if (e.wheelDelta) {
if (e.wheelDelta > 0) {
console.log("滑轮向上滚动");
}
if (e.wheelDelta < 0) {
console.log("滑轮向下滚动");
}
//Firefox滑轮事件
} else if (e.detail) {
if (e.detail> 0) {
console.log("滑轮向上滚动");
}
if (e.detail< 0) {
console.log("滑轮向下滚动");
}
}
}
//给页面绑定滑轮滚动事件
if (document.addEventListener) {
document.addEventListener('DOMMouseScroll', scrollFunc, false);
}
window.onmousewheel = document.onmousewheel = scrollFunc;
</script>
积累点滴就是进步
<script type="text/javascript">
var scrollFunc = function (e) {
e = e || window.event;
//先判断浏览器IE,谷歌滑轮事件
if (e.wheelDelta) {
if (e.wheelDelta > 0) {
console.log("滑轮向上滚动");
}
if (e.wheelDelta < 0) {
console.log("滑轮向下滚动");
}
//Firefox滑轮事件
} else if (e.detail) {
if (e.detail> 0) {
console.log("滑轮向上滚动");
}
if (e.detail< 0) {
console.log("滑轮向下滚动");
}
}
}
//给页面绑定滑轮滚动事件
if (document.addEventListener) {
document.addEventListener('DOMMouseScroll', scrollFunc, false);
}
window.onmousewheel = document.onmousewheel = scrollFunc;
</script>
积累点滴就是进步
相关文章推荐
- js实现html页面滚动条向下拉到一定的程度时,某个div就固定在顶部,向上拉时返回原位置。
- js判断鼠标滚动放下,向上滚还是向下滚?
- js判断鼠标滚动放下,向上滚还是向下滚?
- JS判断鼠标向上滚动还是向下滚动
- jq判断滚动条向上还是向下
- js监听滚动条滚动 改变元素
- 判断我们手势 (上,下,左和右的判断) 向上还是向下 还是向左 向右
- js的向上取整(Math.ceil)向下取整(Math.floor)四舍五入(Math.round)
- 向上还是向下走?经济学家争论今年物价走势
- UIScrollView详解以及判断向上滑动还是向下滑动
- js实现按钮控制图片向左、向右、向上、向下无缝轮播
- js只保留整数,向上取整,四舍五入,向下取整等函数
- js监听滚动条 回到顶端
- JS无间隙滚动向左、向右、向上、向下兼容IE,firefox
- android ListView滚动条监听判断滚动到底部还是顶部
- js 向上取整、向下取整、四舍五入
- js如何监听滚动条滚动事件,使得某个标签内容始终位于同一位置
- vue.js监听滚动条加载更多数据
- 判断TableView ScrollView 是向上滑动,还是向下滑动
- 判断页面时向上滚动还是向下滚动