原生js获取滚动条位置

最新推荐文章于 2024-12-09 22:05:34 发布

原创最新推荐文章于 2024-12-09 22:05:34 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #html

javascript 专栏收录该内容

38 篇文章

订阅专栏

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();
    }
})