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

http://t1.kameleo.ch/iPhone＆iPad位置：固定底部問題

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

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

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

有誰知道這周圍的工作？

來源

2010-08-04 meo

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

來源

2010-08-04 11:27:37

你能告訴我一個例子嗎？我的觀點並不多。這看起來如何？ – meo 2010-08-04 11:28:36

我發現這個純粹的CSS解決方案，適用於我：http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page – meo 2010-08-04 12:42:24

上面的CSS解決方案不起作用。 – 2012-02-16 22:06:31

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

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

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

來源

2011-05-03 16:46:35 ukando

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

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

來源

2012-01-19 17:01:52 renatoluna

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

回答

相關問題