00 Votes

jQuery Mobile: Fixed Footer at bottom of Page

Question by Guest | 2015-05-15 at 17:38

I am using the footer element of jQuery Mobile for a Web-App.

However, it is disturbing that this footer element is not sticking at the bottom of the HTML page. Instead, the footer always appears directly under the content of the page. In case that a page only contains little content, this makes the footer appearing too high.

Is there any possibility to place the footer independent from the page content and to fix it at the underside / bottom of the browser window?

ReplyPositiveNegative
Avatar NetLabel
1Best Answer1 Vote

Just add the attribute data-position="fixed" to your footer.

For example, like that:

<div data-role="footer" data-position="fixed">
   <!-- content -->		
</div>

With this, the footer should always stay at the bottom of the page.
2015-05-16 at 15:10

ReplyPositive Negative
Reply

Related Topics

jQuery: Scroll up and down with and without JavaScript

Tip | 0 Comments

Rewrite Text Files with a fixed Line Length

Tutorial | 0 Comments

RTF: Center Text in Footer

Question | 1 Answer

CSS: Include CSS Stylesheets in HTML

Tutorial | 0 Comments

RTF: Insert Page X of Y into the Footer

Question | 1 Answer

OpenOffice: First Page without Footer/Numbering

Question | 1 Answer

jQuery: Does an Element exist?

Tip | 1 Comment

Important Note

Please note: The contributions published on askingbox.com are contributions of users and should not substitute professional advice. They are not verified by independents and do not necessarily reflect the opinion of askingbox.com. Learn more.

Participate

Ask your own question or write your own article on askingbox.com. That’s how it’s done.