Mobile Safari固定位置頁腳問題

Question

如何獲得移動Safari瀏覽器固定位置頁腳以保留屬於哪個位置而不反彈？

Answer 1

好吧 - 我瘋了之前解決了這個問題。我不知道它是否會在所有情況下都能正常工作，但它在我的iPhone 4s上就像魅力一般。

假設你有正確的CSS，這是一樣的東西：

body { 
    height:100%; 
} 

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

，你已經爲移動設備的視口 -

該解決方案完全爲我工作。我正在使用jQuery，但不是jQueryMobile。這一點JavaScript/JQ代碼解決了一切，並沒有彈跳或其他視覺gaffes：

document.ontouchstart=function(){ 
    $('#footer').animate({bottom:0},1); 
} 

就是這樣！希望這對某人有幫助。