首頁 > web前端 > js教程 > 如何判斷DIV元素是否有可見的捲軸?

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

Barbara Streisand
發布: 2024-11-05 09:42:02
原創
429 人瀏覽過

How to Determine if a DIV Element Has a Visible Scrollbar?

確定滾動條可見性

問:檢查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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板