Javascript 检测溢出是否在元素上起作用

我有一个div，它将是一个固定的高度。比如说500px。一般来说，它将有超过500px的内容块，并使用溢出：自动；元素中将出现一个滚动条。然而，在某些情况下，它不是，而且设计看起来不可靠（滚动条确实是这里的一个设计元素）

标记可能如下所示：

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

...

当.col2有溢出元素（即滚动条）时，我不想做任何事情，当它没有溢出元素时，我想添加另一个类（带有边框的类），可能是.border

---

只是不知道该怎么做？最好使用jQuery，因为该库已经被使用。非常感谢您的帮助

这将有助于您。。。基本上创建的函数告诉你天气与否，div将有一个滚动条。（垂直或水平）

---

不会使用类似于

overflow-y:scroll的东西更好吗？
$.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());