Jqueryページ上のロゴを非表示にする/スクロール

Question

私の関数を正しく実行することができません。特定の高さで、ページ上にロゴをアニメートすることになっています。しかし、私のif文で、スクロールアップするとページ外に隠れてしまうことはありません。

ここは私の機能です。ここで

$(window).scroll(function(){ 
if ($(window).scrollTop() > 250) { 
    //$('#logo').show('slow'); 
    //$("#logo").css('left', function(){ return $(this).offset().left; }) 
    //.animate({"left":"30"}, "slow"); 
    $("#logo").animate({left: "30"}); 
} 
else { 
    $("#logo").animate({left: "0"}); 
} 

が、これはさまざまな方法が近づくことができ#logo

#logo { 
    display: block; 
    height: 50px; 
    padding-top: 15px; 
    margin-top: -15px; 
    position: absolute; 
    left: -493px; 
} 

Answer 1

のための私のCSSで、あなたは、単にページがスクロールされ、高さとスタイルの幅が、視界または左に応じてクラスを追加または削除することができます位置をCSSで指定するか、またはjquery css()関数を使用してこの属性を編集できます。あなたのスタイルの削除デleft属性で

$(window).scroll(function(){ 
    if ($(window).scrollTop() > 250) { 
    $("#logo").animate({width: 0}, 20); 
    } 
    else { 
    $("#logo").animate({width: 50}, 20); 
    } 
}); 

をしてposition: fixed

は、私はクラスやCSS