Question

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

**编辑示例页面。我已将id =“landing”和“link1”设置为工作链接。单击第一页上的link1（登陆）时，它将加载然后跳转到底部（减少浏览器窗口以进行测试）

<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标签使整个页面向下滚动到底部。将其替换为p或除标题标记之外的任何内容，应该可以正常使用。

干杯

的Matias。

Answer 2

当你有http://www.somethin.com/sub/address#someid格式的链接并打开它时，它会跳转到页面中div的位置，其中id == someid就像这样：

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

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

Answer 3

我有同样的问题，只是我没有＆lt; h4＆gt;在我的页脚div中标记。我的问题是我没有标题div。所以我在内容div上方添加了一个空标题div，现在我的页面正常显示在顶部滚动。

Answer 4

另外，如果您使用（ui-bar + ui-grid-n）自定义标题，但是您不在页脚上使用（ui-bar + ui-grid-n）它将滚动到底部。 - 仅限iPad。在机器人上工作正常。

Jquery移动滚动到新页面底部

4 个答案: