如何检测页面溢出

How to detect page overflow

本文关键字：溢出 检测 何检测      更新时间：2023-09-26

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

您可以通过

比较offsetHeight和scrollHeight来检查 

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

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

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

你可以

用jQuery来做到这一点

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

或

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

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

相关文章：