ссылки на якорь не работают должным образом на Ipad

Question

У нас проблема с фиксированным элементом на iPad. Вы можете проверить наш макет здесь: http://cibology.edoardobiasini.it/ Элемент position:fixed справа содержит навигацию со ссылками на страницу. В настольных браузерах у нас нет проблем, в то время как на iPad контент не прокручивается после первого щелчка по навигационной панели, если вы не заставляете страницу прокручивать пальцами.

Есть ли у кого-нибудь совет ??

Answer 1

Это Apple, вещь с position:fixed Единственное решение, с которым я пришел, состоит в том, что мы меняем положение панели навигации на absolute и вычисляем верхнее правое значение документа. Это изменение положения происходит, когда прокрутка прекращается :

$("body").off("scroll", function(){ 
    //here goes the code 
})

Таким образом, пользователь не видит разницы, и после повторной активации прокрутки позиция возвращается к fixed

Answer 2

Нашли решение здесь: https://stackoverflow.com/a/9198836/1145706

Я решил это с помощью трюка. Я создал невидимые элементы div для пунктов меню, которые изменяют его положение при прокрутке страницы (имитируя фиксированный элемент поверх реальной позиции: фиксированные пункты меню) Когда пользователь нажимает или наводит курсор на эти невидимые элементы div, реальные называются