Jquery在頁面滾動時隱藏/顯示徽標

我無法讓我的函數正常運行。在一定的高度上，它應該將徽標製作成頁面動畫。然而，在我的if語句當我向上滾動時，它不會返回到隱藏頁面Jquery在頁面滾動時隱藏/顯示徽標

這是我的功能。

$(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 CSS

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

來源

2017-06-28 Krunkmaster

做到這一點你可以在這裏添加jsfiddle嗎？ – hasan

你可以添加一個代碼片段/ JSFiddle/CodePen來重現問題嗎？如果你這樣做，我們可以更輕鬆地幫助你... –

這可以走近不同的方式，你可以簡單地添加或取決於頁面滾動的高度和風格的寬度，能見度刪除類或離開用css定位，或者你可以使用jquery css()函數編輯這個屬性。

但是，如果你想使用animate()這可以幫助你：

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

在你的Style刪除德 left屬性

，並設置position: fixed

我建議使用類和CSS

來源

2017-06-28 20:04:05

Jquery在頁面滾動時隱藏/顯示徽標

回答

相關問題