Есть ли какое-либо чисто CSS-решение, позволяющее фиксировать нижний колонтитул внизу страницы в браузерах Mobile Web-kit? - PullRequest
Новая
       33

Есть ли какое-либо чисто CSS-решение, позволяющее фиксировать нижний колонтитул внизу страницы в браузерах Mobile Web-kit?

3 голосов
/ 23 апреля 2011

Есть ли какое-нибудь решение исключительно для CSS, чтобы нижний колонтитул был зафиксирован в браузерах Mobile Web-kit?

Специально в браузере iPhone и Android.

Ответы [ 3 ]

4 голосов
/ 23 апреля 2011

Не совсем. Эти браузеры на самом деле не используют прокрутку; они выкладывают документ на бесконечный холст, а затем перемещаются по нему. Это более или менее семантическая формулировка ласки, чтобы сказать, что они не поддерживают position: fixed на практике.

2 голосов
/ 03 мая 2011

Используйте flexbox:) 

<body>
    <div id="mainPart"></div>
    <footer></footer>
</body

<style>
body { 
   display: -webkit-box; -webkit-box-align: stretch; -webkit-box-orient: vertical;  
   display: -moz-box; -moz-box-align: stretch; -moz-box-orient: vertical;
 } 

#mainPart { -webkit-box-flex: 1;  -moz-box-flex: 1; position: relative; z-index: 2;}
footer{
      background-color:#FFC579;
      height:50px;
      position: relative; z-index: 3;
 }
2 голосов
/ 23 апреля 2011 
#footer {
   position: fixed;
   bottom: 0;
}

jsFiddle .

Работает с iOS5.

...