是否可以检查overflow:autodiv的？
例如：
HTML
<div id="my_div" style="width: 100px; height:100px; overflow:auto;" class="my_class">
* content
</div>
查询
$('.my_class').live('hover', function (event)
{
if (event.type == 'mouseenter')
{
if( ... if scrollbar visible ? ... )
{
alert('true'):
}
else
{
alert('false'):
}
}
});
有时内容很短（没有滚动条），有时很长（滚动条可见）。
一个小插件。
(function($) {
$.fn.hasScrollBar = function() {
return this.get(0).scrollHeight > this.height();
}
})(jQuery);
像这样使用它，
$('#my_div1').hasScrollBar(); // returns true if there's a `vertical` scrollbar, false otherwise..
已在 Firefox、Chrome、IE6、7、8 上测试
但在body标签选择器上不能正常工作
编辑
我发现当你有水平滚动条导致垂直滚动条出现时，这个功能不起作用......
我找到了另一个解决方案......使用 clientHeight
return this.get(0).scrollHeight > this.get(0).clientHeight;
您可以使用Element.scrollHeight和Element.clientHeight属性的组合来执行此操作。
根据 MDN：
所述Element.scrollHeight只读属性是一个元素的内容的高度的测量，包括由于溢出内容在屏幕上不可见的。scrollHeight 值等于元素需要的最小 clientHeight，以便在不使用垂直滚动条的情况下适应视点中的所有内容。它包括元素填充但不包括它的边距。
和：
所述Element.clientHeight只读属性返回一个元件的内部高度，以像素，包括填充但不水平滚动条高度，边框或余量。
clientHeight 可以计算为 CSS 高度 + CSS 填充 - 水平滚动条的高度（如果存在）。
因此，如果滚动高度大于客户端高度，元素将显示滚动条，因此您的问题的答案是：
function scrollbarVisible(element) {
return element.scrollHeight > element.clientHeight;
}
也许是一个更简单的解决方案。
if ($(document).height() > $(window).height()) {
// scrollbar
}
我应该对 Reigel 所说的做一点改动：
(function($) {
$.fn.hasScrollBar = function() {
return this[0] ? this[0].scrollHeight > this.innerHeight() : false;
}
})(jQuery);
innerHeight 计算控件的高度及其顶部和底部填充
这扩展了@Reigel 的回答。它将返回水平或垂直滚动条的答案。
(function($) {
$.fn.hasScrollBar = function() {
var e = this.get(0);
return {
vertical: e.scrollHeight > e.clientHeight,
horizontal: e.scrollWidth > e.clientWidth
};
}
})(jQuery);
例子：
element.hasScrollBar() // Returns { vertical: true/false, horizontal: true/false }
element.hasScrollBar().vertical // Returns true/false
element.hasScrollBar().horizontal // Returns true/false