我想使用 jQuery 检测 DIV 中是否存在滚动条。我正在考虑使用$('div').scrollTop()，但在滚动条位于顶部和根本没有滚动条的两种情况下都会返回 0。
各位有什么想法吗？
【问题讨论】：
标签： javascript jquery scrollbar
假设 div 上的overflow 是auto：
var div= document.getElementById('something'); // need real DOM Node, not jQuery wrapper
var hasVerticalScrollbar= div.scrollHeight>div.clientHeight;
var hasHorizontalScrollbar= div.scrollWidth>div.clientWidth;
【讨论】：
jQueryElement.get(0)从中获取真正的DOM节点api.jquery.com/get。
// plugtrade.com - jQuery detect vertical scrollbar function //
(function($) {
$.fn.has_scrollbar = function() {
var divnode = this.get(0);
if(divnode.scrollHeight > divnode.clientHeight)
return true;
}
})(jQuery);
示例：
if($('#mydiv').has_scrollbar()) { /* do something */ }
【讨论】：
我最终通过执行以下操作找到了解决方案：
包装随着 DIV 增长的内容，然后我通过比较 wrapperDiv 的高度和 containerDiv 的高度来检测是否存在（垂直）滚动条（如果内容是太大）。
如果wrapperDiv的高度大于containerDiv的高度，则有滚动条，如果小于，则没有滚动条。
<DIV id="containerDiv" style="width:100px;height:100px;overflow:auto;">
<DIV id="wrapperDiv">
.... content here...
</DIV>
</DIV>
【讨论】：
我会修改上面提到的 bobince，因为你要求 jQuery
var div= $('#something');
var hasVerticalScrollbar= div[0].scrollHeight > div[0].clientHeight;
var hasHorizontalScrollbar= div[0].scrollWidth > div[0].clientWidth;
这是因为 scrollHeight 和 scrollWidth 是 DOM 属性。
【讨论】：