如何判斷DIV元素是否有可見的捲軸？

確定滾動條可見性

問：檢查DIV 中的Overflow Auto

您能否確定DIV 元素是否可以確定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中文網其他相關文章！