有没有办法知道 div 的内容在溢出时是否处于"clipped"状态:隐藏?



我想样式一个div不同时,它的内容被剪切由于溢出:隐藏或溢出:滚动。

在某些浏览器上,没有迹象表明内容可以滚动浏览,这对可用性来说不是很好。

据我所知,没有:clipped之类的伪类。但这将非常有用。有什么方法可以做到这一点,而不需要我自己写算法吗?

问题: 你能指出你所持有的内容类型(即文本或图像或矢量等)

你可以用

if ($("#div1").height() > $("#div1").outerHeight()) {
    //apply class1
} else {
    //apply class2
}

如果你有一个改变元素内容的操作,这个if可以用来应用一个不同的类。height()获得内容高度,而outerHeight()获得div外部的大小。

最新更新