Jquery 手机滚动到底部新页面

Question

当我单击指向新页面的#link 时遇到问题，它会将页面跳转到新页面的底部。 我尝试使用在文档中找到的 minScrollBack = 'infinity' 但没有效果。 当然这不应该默认这样做吗？

**编辑示例页面。 我已将 id="landing" 和 "link1" 设置为工作链接。 当点击第一页上的link1（登陆）它会加载然后跳转到底部（减少浏览器window来测试）

<div data-role="page" data-theme="a" id="landing">

<div data-role="header">
<div class="home-header"></div>
</div><!-- /header -->
   <div data-role="content" data-theme="a"> 

    <div class="panel">
    <h2>Content</h2>
    <p>content</p>
    <a href="#home-insurance" data-role="button" data-theme="b">Learn more</a></span>
   <a href="#quote" data-role="button"  data-theme="c" class="margin-neg" >1-Min Home Quote</a> </span>
    </div>  


 <a href="#link1" data-role="button" data-theme="a" data-icon="arrow-r" data-iconpos="right">Link1</a> 
 <a href="#link2" data-role="button" data-theme="a" data-icon="arrow-r" data-iconpos="right">Link2</a> 
 <a href="#link3" data-role="button" data-theme="a" data-icon="arrow-r" data-iconpos="right">link3</a> 

</div><!-- /content -->

<div data-role="footer" data-theme="b">
<h4>Call free now</h4>
</div><!-- /footer -->
</div><!-- /page -->


<div data-role="page" data-theme="a" id="link1">

<div data-role="header">
<div class="home-header"></div>
</div><!-- /header -->

<div data-role="content" data-theme="a">    

    <div class="panel">
    <h2>Content</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et eros turpis. Vivamus rhoncus neque vel mi vestibulum euismod sagittis neque hendrerit. Pellentesque lacinia, ligula sit amet consectetur condimentum, erat lectus ornare neque, eleifend sollicitudin quam lacus ut nunc. Quisque.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et eros turpis. Vivamus rhoncus neque vel mi vestibulum euismod sagittis neque hendrerit. Pellentesque lacinia, ligula sit amet consectetur condimentum, erat lectus ornare neque, eleifend sollicitudin quam lacus ut nunc. Quisque. </p>
    <a href="#link2" data-role="button" data-theme="b">Learn more</a></span>
   <a href="#link3" data-role="button"  data-theme="c" class="margin-neg" >1-Min Home Quote</a> </span>
    </div>  


 <a href="#landing" data-role="button" data-theme="a" data-icon="arrow-r" data-iconpos="right">Landing</a> 
 <a href="#link2" data-role="button" data-theme="a" data-icon="arrow-r" data-iconpos="right">Link2</a> 
 <a href="#link3" data-role="button" data-theme="a" data-icon="arrow-r" data-iconpos="right">link3</a> 

</div><!-- /content -->

<div data-role="footer" data-theme="b">
<h4>Call free now</h4>
</div><!-- /footer -->

Answer 1

我遇到了同样的问题，我发现页脚中的 h4 标记使整个页面向下滚动到底部。 将其替换为 ap 或除 header 标签之外的任何东西，并且 go 应该没问题。

干杯

马蒂亚斯。

Answer 2

当您有格式http://www.somethin.com/sub/address#someid的链接并打开它时，它将跳转到id == someid的页面中 div 的 position ，如下所示：

<div id="someid"> <!-- Its content --> </div>

请确保，您的链接没有指向新页面上具有正确#id的 div

Answer 3

我遇到了同样的问题，只是我的页脚 div 中没有 <h4> 标记。 我的问题是我没有 header div。 因此，我在我的内容 div 上方添加了一个空的 header div，现在我的页面正常显示在顶部滚动。

Answer 4

此外，如果您使用 (ui-bar + ui-grid-n) 自定义 header 但您不要在页脚上使用 (ui-bar + ui-grid-n) 它将滚动到底部。 - 仅限 iPad。 在机器人上工作正常。