jQueryのFadeTo（）がNavbar上で動作しない

Question

スクロールトップが100未満のときにブートストラップのナビゲーションバーをフェードインしようとしていますが、100を超えるとフェードアウトします。コードが期待通りに機能しない、望む。エラーはどこですか？

jQueryのコード：

$(document).scroll(function() { 

     if($(this).scrollTop() < (100)){ 
     $(".navbar-default").fadeTo("slow", 1); 
     } 
     else{ 
     $(".navbar-default").fadeTo("slow", 0.5); 
     }     

    }); 

Answer 1

あなたのコード内の2つの瞬間があります
1）あなたは上スクロール値
2のために$（ウィンドウ）を.scrollTop（）を使用する必要があります）.stopを使用する（trueアニメーション

$(document).scroll(function() { 
 
    if($(window).scrollTop() < 100){ 
 
     $(".navbar-default").stop(true, true).fadeTo("slow", 1); 
 
    } 
 
    else{ 
 
     $(".navbar-default").stop(true, true).fadeTo("slow", 0.5); 
 
    }     
 

 
    });