iScroll Example App

This app shows how the iscroll directive can be used to create a responsive AngularJS web app that renders and behaves well both on large (laptop) and small (mobile phone) screens. The use of iScroll ensures that the top and bottom "navigation bars" stay on the screen, as with the CSS position: fixed declaration, even on older iOS and Android devices that doesn't support fixed properly.

You may also toggle some states that define how this demo is rendered:

Toggle visible and hidden header and footer states for the main view.
What All XS SM MD LG
Show Header
Hide Header
Show Footer
Hide Footer