jQueryを使用してDiv内のスクロールバーの可視性を確認するにはどうすればよいですか?

スクロールバーの表示/非表示をチェック

要素のオーバーフローは、jQuery を使用して「auto」に設定されます。コンテンツが指定されたサイズを超えると、このプロパティはスクロールバーの表示をトリガーします。

$.fn.hasScrollBar = function() {
    return this.get(0).scrollHeight > this.height();
}

解決策:

コンテンツの長さの変化と、それに対応する表示/非表示に対応するため。スクロールバーでは、カスタム プラグインを使用できます:

(function($) {

})(jQuery);

使用法:

$('#my_div1')。 hasScrollBar(); // 垂直スクロールバーが存在する場合は true、そうでない場合は false を返します。

注:

このプラグインはテストされており、Firefox、Chrome、IE6、IE7 で一貫して動作します。 、IE8。ただし、body タグ セレクターでは適切に機能しない可能性があります。

水平スクロールバーの代替ソリューション:

水平スクロールバーが表示される場合の例垂直スクロールバーの場合、上記の機能が正しく動作しない可能性があります。別の解決策には、clientHeight プロパティを使用することが含まれます。return this.get(0).scrollHeight > this.get(0).clientHeight;

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