js scroll 判断 横向滚动还是 纵向滚动_浏览器的一些“滚动”行为鉴赏
时间: 2024-03-05 17:54:09 浏览: 252
js四图横向滚动效果(可自动可手动),此效果兼容所有主流浏览器,包括IE6哦
要判断浏览器滚动的方向,可以使用以下代码:
```javascript
var lastScrollTop = 0;
var lastScrollLeft = 0;
window.addEventListener("scroll", function(){
var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
var scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
if(scrollTop > lastScrollTop){
// 向下滚动
} else if(scrollTop < lastScrollTop) {
// 向上滚动
}
if(scrollLeft > lastScrollLeft){
// 向右滚动
} else if(scrollLeft < lastScrollLeft) {
// 向左滚动
}
lastScrollTop = scrollTop;
lastScrollLeft = scrollLeft;
}, false);
```
通过比较当前滚动位置和上一次滚动位置的差值,可以判断滚动的方向。如果差值大于0,说明向下或向右滚动;如果差值小于0,说明向上或向左滚动。
阅读全文