Прокрутка сайта не работает в Mobile Safari? - PullRequest
Новая
       10

Прокрутка сайта не работает в Mobile Safari?

0 голосов
/ 25 декабря 2011

У меня есть веб-сайт с прокруткой на одну страницу. Он использует панель навигации с фиксированным положением и jquery для прокрутки к различным разделам сайта. Сайт работает нормально, за исключением iOS (я не тестировал его на Android). В iOS после нажатия на ссылку навигация останавливается, пока вы не прокрутите вручную вверх или вниз. По какой-то причине ссылка остается активной, пока вы не выполните прокрутку. Это ошибка в мобильном сафари? Есть ли обходной путь?

Вот основной HTML: 

<body>
  <ul class="nav">
        <li><a href="#about">About</a></li>
        <li><a href="#portfolio">Portfolio</a></li>
        <li><a href="#contact">Contact Me</a></li>
  </ul>

<div class = "page" id = "home"> </div>

<!-- About -->
<div class = "page" id="about">
<div class="pagebreak"></div>

</div>

<!-- Portfolio -->
<div class = "page" id="portfolio">
<div class="pagebreak"></div>

</div>

<!-- Contact Me -->
<div class = "page" id="contact">
    <div class="pagebreak"></div>
</div>
</body>

Вот фактический сайт, если вы хотите увидеть проблему: http://boundincode.com

Кстати, я не думаю, что это проблема jquery или javascript, потому что даже если я удаляю javascript и jquery, проблема сохраняется.

Ответы [ 2 ]

0 голосов
/ 27 декабря 2011

Я добавлю еще один ответ, поскольку он полностью отделен от моего исходного.

Поскольку вам нужен временный обходной путь, вы можете найти то, что ищете, в iScroll 4 .Я использовал это, чтобы сделать то, что вы пытаетесь сделать в пред-iOS 5 дней, так что, возможно, стоит посмотреть.

0 голосов
/ 25 декабря 2011

position: fixed поддержка была добавлена ​​только в Mobile Safari в iOS 5, поэтому, вероятно, ее реализация все еще не работает, особенно если вы видите ту же проблему на других сайтах.Вероятно, стоит подать отчет об ошибке в Apple.

...