jquery - Buttons on bottom of a page when clicked, entire page is scrolling to top and then moving to next page -
i have following scenario mobile development using html5 (using html5 , jquerymobile)
how restrict page scrolling top before navigates next screen?
i have page1, there button on bottom of page (it needs scrolled-down bottom find button). button, when clicked should navigate page- page2.
being on bottom of page, when click on button - page1 first going top , navigating page2. there way restrict process? - navigation should happen page1 page2 directly bottom of page1
here's code follow --
<div data-role="page" data-theme="b" id="shopsmenupage"> <div data-role="content" > <h3>shops & hangouts</h3> <ul data-role="listview" data-inset="true" data-theme="c" > <li id="restaurantslist" data-icon="info"><a href="#foodnbeverages" data-transition="slide"><img src="images/foodnbeverages.png" /> <h3> food & beverages</h3> </a></li> <li id="dutyfreelist" data-icon="info"><a id="dutyfree" href="#foodnbeverages" data-transition="slide"><img src="images/dutyfree.png"/> <h3> duty free shops</h3> </a></li> <li id="florists" data-icon="info"><a href="#foodnbeverages" id="flowers" data-transition="slide"><img src="images/flowers.png" /> <h3> flower shops</h3> </a></li> <li id="bookshoplist" data-icon="info"><a href="#foodnbeverages" id="books" data-transition="slide"><img src="images/bookshop.png" /> <h3> book shops</h3> </a></li> <li id="musicstores" data-icon="info"><a href="#foodnbeverages" id="music" data-transition="slide"><img src="images/music.png" /> <h3> music store </h3> </a></li> <li id="garandacc" data-icon="info"><a href="#foodnbeverages" data-transition="slide"><img src="images/garments.png" /> <h3> garments & accessories </h3> </a></li> </ul> </div> </div>
this listview (jquerymobile), multiple <li>
s - each href
-ed new page.
now, when scroll down last <li>
, click on navigate next screen, screen first moving first <li>
, navigating next screen. mentioned earlier, not website, mobile app being developed html5 , jquerymobile
Comments
Post a Comment