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

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

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

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

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

下面是一些要遵循的代码--

商铺及；闲逛

这实际上是一个列表视图（jquerymobile），具有多个

s-每个

href

-ed到一个新页面

现在，当我向下滚动到最后一个

并单击它导航到下一个屏幕时，屏幕首先移动到第一个
，然后导航到下一个屏幕。
如前所述，这不是针对网站，而是针对使用html5和jquerymobile开发的移动应用程序
如果您不向我们展示一些代码，我们无法提供帮助。您应该在问题中包含相关的标记/代码，所以您是说，在加载新页面之前，移动浏览器意外地滚动到顶部？这是什么浏览器？这可能是表单提交时执行的一段Javascript的副作用吗？它是特定于这个移动浏览器还是可以在普通的桌面浏览器上重复？@VladislavQulin-我在这里发布了一些代码。。请检查OK，现在我了解您的问题：您使用的是
数据转换=幻灯片
，因此当jQuery Mobile制作动画时，它需要向上滚动，以便将原始视口和新视口对齐。否则，如果你的第二页没有那么长，它会滑到一个空白区域。你的问题实际上看起来像一个复制品。阅读更多细节。我建议您使用不同的动画样式。
<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>