Ryan的粘滯頁腳的移動瀏覽器錯誤

首先，我認爲Ryan的粘滯頁腳很棒。非常兼容易於實現。它在這裏，如果你以前沒有http://ryanfait.com/html5-sticky-footer/Ryan的粘滯頁腳的移動瀏覽器錯誤

* { 
margin: 0; 
} 
html, body { 
height: 100%; 
} 
.wrapper { 
min-height: 100%; 
margin: 0 auto -155px; /* the bottom margin is the negative value of the footer's height */ 
} 
footer, .push { 
height: 155px; /* '.push' must be the same height as 'footer' */ 
} 

/* 

Sticky Footer by Ryan Fait 
http://ryanfait.com/ 

*/

我的問題，雖然是看到/聽到它。我已經實現了它，它很好用，但在我的移動瀏覽器中有一個錯誤。隨着瑞恩的粘滯頁腳實現移動瀏覽器的網址欄不會自動隱藏，當我向下滾動時，它只停留在那裏，佔用寶貴的空間。不好。

所以我把它縮小到了100％的身高。當我刪除，移動瀏覽器的url欄隱藏。大。但是頁腳不粘。

有沒有人遇到過這個？有沒有修復？或者是瑞安的粘頁腳現在有缺陷:(

來源

2016-03-09 Benjamin Heap

這可能是瑞恩的粘腳不適用於移動。嘗試不同的解決方案，如：http://mystrd.at/modern-clean-css-sticky-footer/ – jaypb

這就是我我正在想，謝謝我會給你一個去看看它是怎麼回事 –

@jaypb - 迄今爲止很好，看起來像是修好了:) Ta –

當身體的高度直接設置爲100％時，可不再擴展到其內容的大小，設置最小高度來代替。

html { 
    height: 100%; 
} 

body { 
    min-height: 100%; 
}

看到這個答案：Link

來源

2016-03-09 23:52:17

它沒有解決它，它打破了瑞恩的粘腳。我在這裏試過了http://jsfiddle.net/gfcarv/HxKXg/ –

Ryan的粘滯頁腳的移動瀏覽器錯誤

回答

相關問題