ページの上部から100pxをスクロールした後にdivを表示

Question

これが見つかりましたが、これはページの最後の100px前です。私はそれをページの上部から100ピクセル必要です。私はそれを実装する方法を知っている、私は他のjqueryのアニメーションを行った、ちょうどこれにする必要があります。

$(window).scroll(function(){ 
    if($(window).scrollTop() + 100 > $(document).height() - $(window).height()){ 

    alert("at bottom"); 

    } 
}); 

そしてまた、私はdiv要素が戻っ100pxに前にアップしたときに、ユーザーのスクロールを消えるので、これを逆にする方法を知っておく必要があります。

これはナビゲーションバーに使用されます。

EDIT2>これも働いていた：

$(window).scroll(function(){ 
    if($(window).scrollTop() > 100){ 
     $("#div").fadeIn("slow"); 
    } 
}); 
$(window).scroll(function(){ 
    if($(window).scrollTop() < 100){ 
     $("#div").fadeOut("fast"); 
    } 
}); 

Answer 1

はこれを試してみてください：

$(window).scroll(function() { 
    if ($(window).scrollTop() > 100) { 
     // > 100px from top - show div 
    } 
    else { 
     // <= 100px from top - hide div 
    } 
}); 

Answer 2

はこれを試してみてください：

var menu = $("nav"); 
$(window).scroll(function(){ 
    //more then or equals to 
    if($(window).scrollTop() >= 100){ 
     menu.show(); 

    //less then 100px from top 
    } else { 
    menu.hide(); 

    } 
}); 

Answer 3

私はこれを行うことをお勧めします：

$("#divname").hide(); 
$(window).scroll(function() { 
    if ($(window).scrollTop() > 100) { 
     $("#divname").fadeIn("slow"); 
    } 
    else { 
     $("#divname").fadeOut("fast"); 
    } 
}); 

あなたのページにアクセスすると、divは既に非表示になっています。それが表示され、その後、フェードアウトを実行することになり

$("#divname").hide() 

：このなし

。それはあなたが望むものではありません。