Ссылки заблокированы при прокрутке одной страницы сайта на iPad - PullRequest
0 голосов
/ 05 января 2012

У меня есть страница прокрутки шириной одной страницы плавные ссылки прокрутки.Исправлена ​​навигация по позициям со ссылками на якоря.Довольно прямолинейно.

Все отлично работает в настольных браузерах, но на iPad (iOS 5 Mobile Safari) ссылки вначале работают нормально, но после этого страница прокручивается (по верхним ссылкам навигации), все ссылки, включая верхнюю навигациюссылки блокируются и не могут быть нажаты.Я должен настроить вертикальную прокрутку области просмотра, затем ссылки снова работают.

Благодарю за любую помощь!

Использование этой функции прокрутки:

  $('nav ul a').bind('click',function(event){

  var $anchor = $(this);

  $('html, body').stop().animate({
      scrollTop: $( $anchor.attr('href')).offset().top - 60
  }, 1200,'easeInOutExpo');

  event.preventDefault();
});

1 Ответ

0 голосов
/ 06 марта 2012

Та же проблема описана здесь: ссылки на якорь не работают должным образом на ipad

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

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

...