如何判断DIV元素是否有可见的滚动条？

确定滚动条可见性

问：检查 DIV 中的 Overflow Auto

您能否确定 DIV 元素是否具有其溢出属性设置为自动？

示例：

<code class="html"><div id="my_div" style="width: 100px; height: 100px; overflow:auto;" class="my_class">
  * content
</div></code>

在提供的 JavaScript 代码片段中，您想要检查滚动条在 DIV 中是否可见：鼠标悬停时的“my_class”类。

A：使用自定义 jQuery 插件

要实现此功能，您可以使用自定义 jQuery 插件：

<code class="javascript">(function($) {
    $.fn.hasScrollBar = function() {
        return this.get(0).scrollHeight > this.height();
    }
})(jQuery);</code>

您可以按如下方式使用：

<code class="javascript">$('#my_div1').hasScrollBar(); // Returns true if there's a vertical scrollbar, false otherwise.</code>

此方法已在 Firefox、Chrome、IE6-8 中测试。

注意： 此插件可能无法与正文标签选择器一起正常工作。

水平滚动条的替代解决方案：

如果水平滚动条导致出现垂直滚动条，您可以使用此替代方法：

<code class="javascript">return this.get(0).scrollHeight > this.get(0).clientHeight;</code>

以上是如何判断DIV元素是否有可见的滚动条？的详细内容。更多信息请关注PHP中文网其他相关文章！