Błąd przeglądarki mobilnej z Sticky Footer Ryana - html, css, sticky-footer

Po pierwsze, myślę, że Sticky Footer Ryana jest świetny, bardzo kompatybilny, łatwy w implementacji, jest tutaj, jeśli wcześniej go nie widziałeś / słyszałeś http://ryanfait.com/html5-sticky-footer/

* {
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/

*/

Mój problem jest jednak. Wdrożyłem go i działa dobrze, ale w przeglądarce mobilnej pojawia się błąd. Zaimplementowano Sticky Footer Ryana, a pasek adresu URL przeglądarki nie jest automatycznie ukrywany, gdy przewijam w dół, po prostu zostaje, zajmowanie cennej przestrzeni.

Więc zmniejszyłem to do 100% wysokości ciała, kiedy to usuwam, ukrywa się pasek URL przeglądarki mobilnej.Brawo, ale stopka nie jest lepka.

Czy ktoś już kiedyś to widział? Czy jest poprawka? A może to właśnie Sticky Footer Ryana jest teraz wadliwy :(

Odpowiedzi:

Gdy wysokość ciała jest ustawiona na 100% bezpośrednio, nie może ona już rozszerzyć się do rozmiaru jej zawartości. Zamiast tego ustaw minimalną wysokość.

html {
height: 100%;
}

body {
min-height: 100%;
}

Zobacz tę odpowiedź: Połączyć