Jquery мобильная прокрутка вниз на новой странице

Question

У меня возникает проблема, когда я нажимаю # ссылку на новую страницу, она переходит на нижнюю часть новой страницы.Я попытался использовать minScrollBack = 'infinity', который я нашел в документации, но безрезультатно.Конечно, это не должно делать это по умолчанию?

** РЕДАКТИРОВАТЬ Пример страницы.Я установил id = "landing" и "link1" в качестве рабочих ссылок.При нажатии на ссылку 1 на первой странице (лендинг) она будет загружаться, а затем прыгать вниз (уменьшить окно браузера для проверки)

<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 или что-нибудь еще, кроме тега заголовка, и должно получиться нормально.

Приветствия

Матиас.

Answer 2

У меня была такая же проблема, только у меня не было тега

в моем div нижнего колонтитула. Моя проблема была в том, что у меня не было заголовка div. Поэтому я добавил пустой заголовок div над моим содержимым div, и теперь моя страница прокручивается вверху как обычно.

Answer 3

Когда у вас есть ссылка в формате http://www.somethin.com/sub/address#someid, и вы открываете ее, она переместится на позицию div на странице, которая имеет id == someid, например:

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

Убедитесь, что ваша ссылка не 't указывает на div с правильным #id на новой странице

Answer 4

Кроме того, если вы используете (ui-bar + ui-grid-n) для настройки заголовка, но не используете (ui-bar + ui-grid-n) в нижнем колонтитуле, он будет прокручиваться вниз.- только для iPad.Отлично работает на дроиде.