document.getElementById('div的id').addEventListener('scroll', (e)=>{
// e.target.scrollLeft 滚动条距离左边的距离(ps: 只有距离左边的和距离上面的距离,没有右边和下面的距离。)
// e.target.clientWidth 客户端显示宽度,高度大概同理,当距离左边的长度等于滚动条长度减去显示宽度即滚动到了最右边
if(e.target.scrollLeft == 0){
//滚动至最左边触发
$("#id").hide();
} else if(e.target.scrollLeft > (e.target.scrollWidth - e.target.clientWidth - 10)){
//滚动至最右边触发
$("#id").hide();
} else{
//没有任何一边达到顶端
$("#id").show();
$("#id").show();
}
})
原生js获取滚动条位置
最新推荐文章于 2024-07-18 15:20:20 发布