JavaScript でスクロールバーの可視性を検出するにはどうすればよいですか?

スクロールバーの可視性の検査

Web 要素をコンテンツの長さに動的に適応させるために、次のような疑問が生じます。指定された要素?

提供されている jQuery の例では、そのようなチェックの必要性が強調されています。スクリプトは、豊富なコンテンツ、表示されるスクロールバーを含む要素と、限られたコンテンツを含む要素を区別しようとします。効果的な解決策は次のとおりです。

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

プラグインは、要素のスクロール高さ (コンテンツ全体の高さ) とその表示高さを比較することに依存します。スクロールの高さが表示される高さを超える場合は、スクロールバーが存在する可能性があります。

使用方法は簡単です。

<code class="js">$('#my_div1').hasScrollBar(); // Returns true if vertical scrollbar is visible, false otherwise.</code>

このアプローチはテストされており、Firefox、Chrome、Internet Explorer の各バージョンで機能します。ただし、

クライアントの高さを使用した代替ソリューションも提示され、水平スクロールバーと並んで表示される垂直スクロールバーの問題に対処します。

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

以上がJavaScript でスクロールバーの可視性を検出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。