利用js方法判断当前滚动条滚动的方向,以及滚动位置相关判断,横向滚动纵向滚动。
// 滚动条判断
var num = 0;
window.addEventListener('scroll', function() {
console.log(document.documentElement.scrollTop)
var scrollTop = document.documentElement.scrollTop;
if (num <= scrollTop) {
console.log('向下')
} else {
console.log('向上')
}
num = scrollTop
});
window.addEventListener('scroll', function() {
console.log(document.documentElement.scrollTop)
var scrollTop = document.documentElement.scrollTop;
var scrollHeight = document.documentElement.scrollHeight
if (scrollTop == 0) {
console.log('开始')
} else if (scrollHeight == scrollTop){
console.log('结束')
} else {
console.log('运动')
}
});
横向滚动亦是如此scrollLeft 和scrollWidth
本文地址:https://www.zhuimengzhu.com/details/463.html
转载地址:暂无
转载说明:转载时请在文首注明来源zhuimengzhu.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。zhuimengzhu 保留追究相应责任的权利。