0

我有以下使用 HTML5 进行移动开发的场景（使用 HTML5 和 jquerymobile）

如何在导航到下一个屏幕之前限制页面滚动到顶部？

我有page1，页面底部有一个按钮（需要向下滚动到底部才能找到该按钮）。单击此按钮时，应导航到另一个页面，例如page2。

在页面底部，当我单击按钮时 - page1首先进入顶部，然后导航到page2。有没有办法限制这个过程？- 导航应该直接从page1的底部从page1到page2

这是一些要遵循的代码-

<div data-role="page" data-theme="b" id="shopsMenuPage">     
  <div data-role="content" >
    <h3>Shops &amp; 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 &amp; 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 &amp; Accessories </h3>
        </a></li>
    </ul>
  </div>      
</div>

这实际上是一个列表视图（jquerymobile），有多个<li>s - 每个 -编辑href到一个新页面。

现在，当我向下滚动到最后一个<li>并单击它以导航到下一个屏幕时，屏幕首先移动到第<li>一个屏幕，然后导航到下一个屏幕。如前所述，这不是针对网站，而是针对正在使用 html5 和 jquerymobile 开发的移动应用程序

4

0 回答 0