Response title
This is preview!
Fixed Header & Footer; Content scrolls
in jQuery Mobile
•
10 years ago
Hi Guys
I created a fixed header and footer. The content between is a little form, but the height of this form is only 200-300px i think, but nevertheless you can scroll the content. That's senselessly. How can i stop it?
Here's my code:
- <div data-role="page" id="login" data-title="Login">
- <div data-role="header" data-position="fixed">
- <h1>Login</h1>
- </div>
- <div data-role="content">
- <form>
- <ul data-role="listview" data-inset="true">
- <li data-role="fieldcontain">
- <label for="name">Username:</label>
- <input type="text" name="name" id="name" value="" placeholder="Username" onchange="login(this)">
- </li>
- <li data-role="fieldcontain">
- <label for="pwd">Password:</label>
- <input type="password" name="pwd" id="pwd" value="" placeholder="Password" onchange="login(this)">
- </li>
- </ul>
- <a href="index.html" data-icon="check" id="login_button" data-role="button">Weiter</a>
- </form>
- </div>
- </div>
1
