我可以使用 JavaScript 来检查(无论滚动条如何)HTML 元素是否溢出其内容吗?例如,一个小而固定大小的长 div,overflow 属性设置为visible,并且元素上没有滚动条。
一般情况下,你可以比较一下client[Height|Width]
with scroll[Height|Width]
为了检测到这一点...但是当溢出可见时,这些值将是相同的。因此,检测例程必须考虑到这一点:
// Determines if the passed element is overflowing its bounds,
// either vertically or horizontally.
// Will temporarily modify the "overflow" style to detect this
// if necessary.
function checkOverflow(el)
{
var curOverflow = el.style.overflow;
if ( !curOverflow || curOverflow === "visible" )
el.style.overflow = "hidden";
var isOverflowing = el.clientWidth < el.scrollWidth
|| el.clientHeight < el.scrollHeight;
el.style.overflow = curOverflow;
return isOverflowing;
}
在 FF3、FF40.0.2、IE6、Chrome 0.2.149.30 中测试。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)