移動頁腳，消失當你到達結束

好吧，我的老闆剛剛要求做一個移動頁腳（原始靜態頁腳除外），隨着向下滾動頁面一起移動，然後當你到達頁面底部時消失，我不知道有什麼建議嗎？移動頁腳，消失當你到達結束

感謝

來源

2013-09-24 user2806647

如何讓頁腳固定，然後在頁面底部有一個較高的z-index一個div所以頁腳有效下這並消失進入 - 這意味着什麼，但CSS？ –

這是一條評論或答覆？ – user2806647

這是一個評論，因爲我不知道你到目前爲止嘗試過什麼，或者你的頁面看起來像什麼，以及你是否想要在頁腳上使用速度這樣的東西？ –

你真的應該發佈一些代碼，以便人們可以看到你想要達到的目的。

嘗試使用固定頁腳將其鎖定到屏幕上。

.Footer { 
    position: fixed; 
    bottom: 0; 
}

使用javascript將其更改爲絕對位置，當您希望它不再被修復時。我無法向您展示代碼建議，因爲我不知道您的最終目標。

來源

2013-09-24 10:48:07 Obsidian

您可以設置CSS放置頁腳在固定位置：

#footer { 
    position:fixed; 
    bottom:0px; 
    left:0px; 
}

然後使用jQuery來確定何時頁面已經觸底。

$(window).scroll(function(){ 
    if($(window).scrollTop() == ($(document).height() - $(window).height())) $("#footer").fadeOut(); 
})

如果你需要考慮不滾動的頁面，你需要額外的邏輯。

但是，如果你能解釋更多你的最終目標，甚至向我們展示它會很方便嗎？

來源

2013-09-24 10:48:46

我不能告訴你我還沒有開始，但我只是得到一些想法如何做到這一點，無論如何謝謝爲你的幫助 – user2806647

$(window).scroll(function() { 
    if ($(window).scrollTop() + $(window).height() == $(document).height()) 
     $(".footer").css({"display": "none"}); 
    else if (!$(".footer").is(":visible")) 
     $(".footer").css({"display": "block"}); 
});

.footer { 
position:fixed; height:20px; width:100%; 
background:blue; bottom:0; left:0; z-index:1; 
}

http://jsfiddle.net/4WWhf/1/

來源

2013-09-24 10:50:15 rps

我要與此解決方案謝謝隊友:) – user2806647

歡迎:) – rps

移動頁腳，消失當你到達結束

回答

相關問題