UI Deploy

Curated, Short, Web UI Dev we Love.

jQuery Mobile panel between header and footer

Sometimes you will need to show jQuery Mobile panel between page header and footer, but how can we do that? Before we can do that we will need to calculate a correct height of the viewport, header and footer. Subtracting height of both toolbars from viewport’s height will give you the height of space between both toolbars. In the end, we need to push the panel down by overriding top style of the panel.

view source

Advertisement