JavaScript для скрытия хрома браузера вызывает положение: исправлена ​​ошибка на iOS

Question

Вот мой сайт: http://smartpeopletalkfast.co.uk/pos/

Существует div #nav, который имеет фиксированную позицию. Сайт будет оптимизирован для мобильных устройств, поэтому я скрываю браузер Chrome со следующим JavaScript:

setTimeout(function() { 
window.scrollTo(0, 1) }, 
100);

Я обнаружил ошибку при просмотре сайта в iPhone 3G, iPhone Retina и iPad. Если вы нажмете «1» на первой странице, чтобы перейти к третьему разделу, прокрутите страницу вниз, а затем нажмите «<Карта», чтобы перейти к разделу карты, навигация, которая теперь содержит текст «<Фильтры», в неправильном месте. Как только вы прокрутите вверх или вниз, div переместится в нужное место. </p>

Answer 1

Положение с фиксированным положением не учитывается на iOS4 / iPhone3GS .... У меня была та же проблема, фиксированный заголовок с кнопкой "Назад", произошел сбой при использовании scrollTo.Назад не будет работать, но ссылка под заголовком будет нажата Мои выводы ниже;

При дальнейшем исследовании с человеком из iOS, мы обнаружили, что это ошибка в Safari на iOS5.

Я попробовал это;

// $('html,body').animate({ scrollTop: scrollto + 'px' }, 'slow')
window.scroll(0,0);

И увидел, что это на самом деле потянул фиксированный заголовок дальше вниз по экрану.При работающем щелчке.

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

Кажется, они разрешили его тестирование на iOS6.

Я исчерпал все виды манипуляций с CSS и DOM, удалив и заново вставив новую область заголовка ... ничего не работает.

Так что я на 99% уверен, что опубликую этот ОТВЕТ.лол.Хотя я понимаю, что это тебе не поможет.