要素にスクロールが必要な場合にのみクラスを追加します。

Question

要素にスクロールする必要がある場合にのみ、要素にクラスを追加しようとしています。

この要素は画面のサイズに応じているため、画面サイズを小さくする必要があります。そのような場合にのみ、要素に異なるスタイルを追加したいと思います。コンテンツがスクロールせずに収まるときではありません。

私はこれを行う方法がわかりませんが、どこかにjs/jqueryソリューションがあると確信しています！指定された要素の

Answer 1

のは、あなたがこれを行うことができ、ID "のMyID" と言わせて：

if ($('#MyId')[0].scrollHeight > $('#MyId').innerHeight()) 
{ 
    $('#MyId').addClass('myClass'); 
} 

説明：

• scrollHeight

これはの高さでありますオーバーフローのために表示されない要素を含む要素のコンテンツ。

• innerHeightは

これは、上部および下部パディングを含む素子コンテンツの実際の高さであり、アカウント横型オーバーフローを考慮。

• clientHeight同じであるが、アカウント横型オーバーフローになりません

とは対照的です。

Answer 2

何かこれはうまくいくはずです。基本的に、要素の実際の高さが目に見える高さよりも大きいかどうかをチェックします。

if($(element).innerHeight() < $(element)[0].scrollHeight) { 
    $(element).addClass('scrollable-div'); 
} 

Answer 3

.scroll機能を追加するだけで、スクロールしないと機能しません。

$(window).scroll(function() {  
    var scroll = $(window).scrollTop(); 
    if (scroll >= 0) { 
     // do something 
    } 

});