Потеря фокуса фиксированной навигации в мобильном сафари с iOS5 - PullRequest
0 голосов
/ 07 ноября 2011

Я занимаюсь оптимизацией клиентского веб-сайта для мобильного сафари (iPad 2 и iPhone 4) и столкнулся с проблемой использования статического меню.Я читал, что с последней версией iOS 5 position: fixed; теперь поддерживается в mobile-safari.Однако, нажимая любую из навигационных ссылок в верхнем навигационном меню, я теряю фокус на все меню, пока пользователь не начнет снова вручную прокручивать страницу.Я использую сочетание плагинов jQuery .ScrollTo и .localScroll для достижения эффекта плавной прокрутки, в то время как навигационное меню остается фиксированным в верхней части страницы.

Существует ли простой способ восстановить фокус навигационного менюпосле щелчка по ссылке и завершения анимации прокрутки?

Чтобы увидеть проблему в действии, перейдите по указанному ниже URL-адресу.Пожалуйста, протестируйте на iPhone или iPad под управлением iOS 5, чтобы получить объясненные результаты.

http://www.go2mktg.com

Любая помощь с этой ошибкой будет принята с благодарностью.Спасибо заранее!

1 Ответ

1 голос
/ 18 января 2012

@ xon1c.Я проверил страницу @ negrelja и увидел несколько плагинов (в частности, http://www.go2mktg.com/js/iscroll.js,), которые, казалось, решали проблему, но я нашел другое решение, добавив 1px к росту.Я не видел никаких проблем с переходом по страницам, поскольку полоса прокрутки не видна, если вы не перемещаете документ пальцем.

Я запустил приведенный ниже код в функции обратного вызова завершения в используемом модуле плавной прокрутки.(библиотека jQuery, протестирована на iPad iOs5)

    var newBodyHeight = $('body').height() + 1;

    $('body').css({
        height: newBodyHeight
    });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...