Question

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

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

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

在页面底部，当我点击按钮时， page1 首先转到顶部，然后导航到第2页。有没有办法限制这个过程？ - 导航应该直接从 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>

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

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

单击页面底部的按钮，整个页面滚动到顶部，然后移动到下一页

0 个答案: