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

页面的滚动条在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出品。