JQueryでHTML文書の高さを調整したら、要素を表示/非表示にするにはどうすればよいですか？

Question

下記のコードを参照

目的：ブラウザウィンドウに垂直スクロールがある場合は、＃scroll-topを表示します。他の場合は＃scroll-topを非表示にします。

問題：私は、ページの高さを調整することができますので、ブラウザのスクロールバーが表示されているかどうかに影響を与える、私のページに要素があります。

質問：すべての要素を展開した後に、ページのすべての要素がぼんやりと表示されたら、＃scroll-topが消えるようにするにはどうすればよいですか？&あなただけの機能であなたのサンプルコードをラップし、あなたが表示または#scroll-topを非表示にする必要があるかどうかを判断するためにあなたの要素を切り替えるたびにそれを呼び出すことはありません

var hContent = $("body").height(); 
var hWindow = $(window).height(); 

if(hContent>hWindow) { 
    $('#scroll-top').fadeIn(250);  
} 
else { 
    $('#scroll-top').fadeOut(250); 
} 

すべてのヘルプは大歓迎され、感謝

Answer 1

理由：

function ToggleScrollTop() { 
    var hContent = $("body").height(); 
    var hWindow = $(window).height(); 

    if(hContent>hWindow) { 
     $('#scroll-top').fadeIn(250);  
    } 
    else { 
     $('#scroll-top').fadeOut(250); 
    } 
} 

Answer 2

function scrollTopCheck() { 

     if(hContent>hWindow) { 
     $('#scroll-top').fadeIn(250);  
     } 
     else { 
      $('#scroll-top').fadeOut(250); 
     } 
    } 




setInterval(500, scrollTopCheck); //this would call scrollTopCheck function every 1/2 second 

は、しかし、その優れた$ .toggleのコールバックを定義する（コールバック）

$('.elementsToToggle').toggle(scrollTopCheck);