Question

我有一个div，它将是一定的固定高度。说500px。通常它的内容块长度超过500px并使用overflow：auto;滚动条将出现在元素中。但是在某些情况下它没有，并且设计看起来很糟糕（滚动条确实是一个设计元素）。

标记可能如下所示：

<div class="col2">
  ...
</div>

当.col2有溢出的元素（即滚动条）时，我想什么都不做，如果没有，我想添加另一个类（带边框的东西），也许是.border。

只是不确定如何解决这个问题？最好使用jQuery，因为该库已被使用。非常感谢任何帮助！

Answer 1

这应该可以帮助你...基本上创建告诉你天气的功能div会有一个滚动条。（垂直或水平）

$.fn.hasVerticalScrollBar = function () {
  if (this[0].clientHeight < this[0].scrollHeight) {
    return true
  } else {
    return false
  }
} 

$.fn.hasHorizontalScrollBar = function() {
  if (this[0].clientWidth < this[0].scrollWidth) {
    return true
  } else {
    return false
  }
}

用法

alert($('#mydivid').hasHorizontalScrollBar());
alert($('#mydivid').hasVerticalScrollBar());

检测溢出是否在元素上发挥作用

1 个答案: