Потеря фокуса фиксированной навигации в мобильном сафари с iOS5

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

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

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

http://www.go2mktg.com/

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

1 ответ

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

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

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

    $('body').css({
        height: newBodyHeight
    });
Другие вопросы по тегам