如何检测页面溢出

Question

我知道你可以在CSS中设置overflow属性来确定页面在溢出时做什么但是我想知道是否有任何方法可以使用纯javascript监听页面溢出还是jQuery？

Answer 1

您可以通过比较offsetHeight和scrollHeight

进行检查

var div = document.getElementById('main');
console.log(div.scrollHeight);
console.log(div.offsetHeight);

该元素应具有overflow: auto/scroll css属性。

Working Fiddle（在div中添加内容以检查）

Answer 2

你可以用jQuery

来做

$("element").css("overflow");

或

$("element").css("overflow-x");

我建议您使用第二个示例，因为它应该适用于大多数浏览器。