javascript - 如何检测页面溢出

Question

我知道您可以overflow在 CSS 中设置属性来确定页面在溢出时的作用，但我想知道是否有任何方法可以使用纯 javascript 或 jQuery 来监听页​​面溢出？

Answer 1

您可以通过比较offsetHeight和scrollHeight

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

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

工作小提琴 （在 div 中添加内容以检查）

Answer 2

你可以用 jQuery 做到这一点

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

或者

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

我向您推荐第二个示例，因为它应该适用于大多数浏览器。