Javascript 如何检测页面溢出

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

您可以使用jQuery来执行此操作

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

或

---

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

您可以使用jQuery来完成

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

或

---

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

您可以通过比较

offsetHeight

和

scrollHeight

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

元素应该具有

溢出：自动/滚动
css属性

（在div中添加要检查的内容）
您可以通过比较
offsetHeight
和
scrollHeight

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

元素应该具有
溢出：自动/滚动
css属性

（在div中添加要检查的内容）
这不就是返回
overflow
属性的值吗？我想检测页面是否有足够的内容溢出。这不就是返回
overflow
属性的值吗？我想检测一下页面是否有足够的内容，以防溢出。啊，这就是我要找的。谢谢啊，这就是我要找的。谢谢