как разместить колонтитул в нижней части страницы

Я использую JQuery мобильного 1.4.2как разместить колонтитул в нижней части страницы

Я добавил некоторые CSS для «данных роли =» страница», так что я могу избежать по умолчанию прокрутки Jquery мобильного телефона. Когда я добавил его влияние на мой footer.I не могу исправить его (и я не хочу использовать позицию: исправлено). Я хочу, чтобы нижний колонтитул всегда внизу страницы. Но если контент меньше, хочу это в нижней части окна (экрана).

here is a link to jsfiddle

click here

Если я добавляю абсолютное значение в нижний колонтитул, он работает нормально, когда содержимое меньше размера экрана. Если это больше, чем размер экрана, он перекрывается. Вы видите это, изменяя рамки кадра jsfiddle по вертикали.

источник

2014-10-22 user3350169

Может вопрос дубликатом http://stackoverflow.com/questions/6861764/jquery-mobile-stick-footer-to-bottom-of-page –

@BhabaniMishra Я пробовал это, но его не работало. Из-за того, что я добавил нижний: 0 для «data-role: page», если я удалю, чем нижний колонтитул будет работать правильно. Но я хочу «bottom: 0» в «data-role» : страница ", чтобы избежать скручивания по умолчанию jqm. – user3350169

Как насчет просто размер содержимого div до размера экрана минус верхний и нижний колонтитул: http://jqmtricks.wordpress.com/2014/02/06/content-div-height-fill-page-height/ – ezanker

вы попробуете это,

<div data-role="footer" data-theme="o" data-position="fixed" data-tap-toggle="false"> 
<div> I am Footer </div>  
</div>

источник

2014-10-22 06:38:31 Sara

Я не хочу фиксированный нижний колонтитул Я хочу динамическое положение нижнего колонтитула. И он должен оставаться внизу, когда содержимое меньше. – user3350169

как разместить колонтитул в нижней части страницы

ответ

Смежные вопросы