Две проблемы с тач-устройствами

[Elflight]

Здравствуйте, коллеги!

Столкнулся с двумя проблемами при тестировании верстки на ipad'е, прошу совета.

1. Допустим, на странице есть картинка-ссылка и скрытый блок с position:absolute, который в видимом состоянии перекрывает эту картинку-ссылку. При тапе на некий триггер блок становится видимым, при тапе на самом блоке он прячется. И вот когда происходит касание блока, открытого над картинкой-ссылкой, то не только блок прячется, но и ссылка активизируется, т.е. происходит переход по ссылке. Как побороть такое поведение?

2. Эта проблема совсем мистическая. Есть классическое выпадающее горизонтальное меню на ховерах. На ipad'е была проблема с однозначностью работы (нужно, чтобы при первом касании пункта меню открывалось подменю, а при втором касании происходил переход по ссылке), сделал маленький скрипт:

$(document).ready(function() {	$('.root-item, .root-item-selected').bind('touchstart', function() {		if($(this).hasClass('menu_hover')) {			return true;		}		else {			$('.root-item, .root-item-selected').removeClass('menu_hover');			$(this).addClass('menu_hover');			return false;		}	});});

т.е. при первом касании ссылки добавляем класс и переход блокируем, при втором (если класс присвоен, то это второй), класс убираем и переход разрешаем.

И все работает замечательно. НО только когда страница находится в верхнем положении прокрутки. Стоит прокрутить страницу на два миллиметра ниже, меню начинает прыгать и вести себя дико. Стоит прокрутить обратно наверх - опять работает нормально. Теряюсь в догадках. Подскажите, пожалуйста, куда копать?

[npofopr]

1 http://jsfiddle.net/npofopr/39vKW/ вроде должно работать

2. http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly

[Elflight]

1 http://jsfiddle.net/npofopr/39vKW/ вроде должно работать

2. http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly

Спасибо! По первому - jsfiddle на ipad не отзывается на события, к сожалению, так что посмотреть ваш пример не могу. Видимо, я не слишком понятно описал проблему: ссылка должна быть на картинке, которая оказывается под блоком. Тогда она срабатывает при касании блока.

По второму - подключил плагин (там тот же принцип, что и в моем коде) - та же беда: если страница в нулевом положении прокрутки, все хорошо, если немного прокрутить, то все ломается. Попробую тестовую страницу вне своего сайта с этим плагином сделать, посмотреть...

[Elflight]

Вторую проблему пришлось решать кривым путем - оставил раскрытие пунктов на css только для no-touch устройств, а для touch-девайсов убрал весь hover в css и сделал все полностью на js. Работает нормально.

[Elflight]

Первую проблему тоже обошел исключением hover-событий в css для touch-устройств, и реализацией всей логики на js.

Какая-то неочевидная реакция на ховеры у этого айпада, чтоб его (

[npofopr]

1. возможно мой пример и не работает. Но на одном сайте я такое делал. Если ссылку класть прямо под блок, то да, будет срабатывать клик, поэтому я сдвигал нижний блок влево, тогда при тапе на айпаде, блок просто выплывал слева над основным и клика не происходило.