完美的判断页面是否有滚动条

2021-01-29 乐帮网

javascript html

页面的滚动条在body中，也可以放到其它元素上，比如：Div。那么我使用Js怎么判断当前页面有无滚动呢？

解决思路也很简单，首先我们可以使用JavaScript控制元素先滚动一定值，然后再取当前滚动值是否大于0，如果大于0就说明有滚动条，等于0说明滚动没有成功自然是没有滚动条。下面我们以 document.body为例，Js的代码如下：

使用其它容器的自己替换，注意这里的body要使用documentElement

// lebang2020.cn
  document.documentElement.scrollTop = 10;
            if (document.documentElement.scrollTop > 0) {
                console.log('有滚动条');
            } else {
                console.log('无滚动条');
            }
 document.documentElement.scrollTop = 0;

如何是在jQuery一样的思路，实现代码如下：

$(function(){
    $(window).scrollTop(10);
            if ($(window).scrollTop() > 0) {
                console.log('有滚动条');
            } else {
                console.log('无滚动条');
            }
            $(window).scrollTop(0);
});

如有问题可以在我的公众号留言讨论， lebang2020.cn出品。

关注我的微信公众号
在公众号里留言交流
投稿邮箱：1052839972@qq.com

庭院深深深几许？杨柳堆烟，帘幕无重数。
玉勒雕鞍游冶处，楼高不见章台路。
雨横风狂三月暮。门掩黄昏，无计留春住。
泪眼问花花不语，乱红飞过秋千去。

如果感觉对您有帮助
欢迎向作者提供捐赠
这将是创作的最大动力