如何检查页面上是否存在垂直滚动条？

Question

检查页面是否有我使用的滚动条：

<script>
if (document.body.scrollWidth > document.body.offsetWidth){alert('exist');}
</script>

但它不起作用。

如何检查页面上是否存在滚动条？

Answer 1

您可以查看文档的scrollHeight：

if($(document.body)[0].scrollHeight > $(window).height()){
    alert('vertical scroll exists.');
}

---

一个简单的测试场景：

的CSS：

body{height:2000px;} // here body tag of the document is 2000px in height

所以js会是这样的：

if($('body')[0].scrollHeight > $(window).height()){
    alert('vertical scroll exists.');
}

或

if($(document.body)[0].scrollHeight > $(window).height()){
    alert('vertical scroll exists.');
}

此处$('body')[0].scrollHeight您需要选择文档的正文。

Test Fiddle.

---

$(document.body)[0].scrollHeight代替它，您也可以使用$(document).height()

注意：

$(selector)[0].scrollHeight 不支持此选择器小于IE version 8.0