CSS/jQuery的 - 需要持續的頁腳，而無需使用位置：固定

Question

我編程移動網站，我想一個元素被固定在屏幕上的特定位置，呆在那裏即使用戶向下滾動頁面。我無法使用位置：據我所知固定，因爲iPhone不支持它。我怎麼做到這一點？我不想使用jQuery手機。

Answer 1

林敢拿說的iOS5將支持固定的開始。 但現在，你是ganna必須使用JavaScript來移動它。 讓我們假設烏爾頁腳的ID是「myFooter」

window.addEventListener(
    'scroll', 
    function() { 
    document.getElementById('myFooter').style.top = 
    (window.pageYOffset + window.innerHeight - footerHeight) + 'px'; 
    }, 
    false 
); 

滾動時應該將它（footerHeight是您的頁腳的高度，也可以用document.getElementById("myFooter").style.height檢索如果樣式對象是用來定義高度

如果有什麼我沒有在上述溶液forseen，你總是可以分割視窗成兩個部分，內容和頁腳。只是絕對定位頁腳，結合使用觸摸事件（touchmove，touchend，targetTouches等） scrollTo（scrollTo（destination，duration））在您的內容區域

Answer 2

你可能想利用jQuery Mobile的，特別檢查了部分「老大難頁腳導航欄」

http://jquerymobile.com/test/docs/toolbars/footer-persist-a.html