iPhone＆iPad位置：固定底部問題

Question

http://t1.kameleo.ch/

如果向下滾動，您會在頁腳下找到登錄按鈕。如果單擊它，登錄將出現在屏幕的底部。

我已經做了相對於頁面底部的負的固定位置。這適用於所有瀏覽器，適用於iPad和iPhone等移動設備。登錄欄出現在屏幕中間。

截圖在iPhone上： http://img844.imageshack.us/i/photoe.png/

有誰知道這周圍的工作？

Answer 1

發生這種情況的原因是，iOS瀏覽器使用一個在窗口周圍移動的視口，這意味着固定的位置對於窗口而言是固定的，而不是視口。您需要通過檢查當前視口的位置來使用JavaScript進行定位。

Answer 2

試試這個解決方案。我沒有嘗試還沒有，但它應該工作：

//堅持頁腳在頁面的底部，如果我們在iPad/iPhone由於移動WebKit的視/頁錯誤

if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod') 
{ 
     $("#footer").css("position", "static"); 
}; 

Answer 3

將位置設置爲絕對;並加上：

$(window).scroll(function() 
{ 
    $('#loginwindow').animate({top: $(document).scrollTop()}, 300); 
});