JS判断鼠标向上滚动还是向下滚动
时间: 2023-10-23 18:09:57 浏览: 185
判断鼠标上下左右移动状态
可以通过监听`mousewheel`或`DOMMouseScroll`事件来判断鼠标滚轮的滚动方向,具体实现如下:
```javascript
var lastScrollTop = 0;
window.addEventListener('mousewheel', function(event) {
var delta = event.wheelDelta || -event.detail;
var currentScrollTop = document.documentElement.scrollTop || document.body.scrollTop;
if (delta > 0 && currentScrollTop < lastScrollTop) {
console.log('向上滚动');
} else if (delta < 0 && currentScrollTop > lastScrollTop) {
console.log('向下滚动');
}
lastScrollTop = currentScrollTop;
});
```
在这个示例中,我们通过比较当前滚动位置与上一次滚动位置的大小关系,来判断鼠标滚轮的滚动方向。如果`delta`为正数且当前滚动位置小于上一次滚动位置,则说明鼠标向上滚动;如果`delta`为负数且当前滚动位置大于上一次滚动位置,则说明鼠标向下滚动。
阅读全文