Search the Community

Здравствуйте, коллеги! Столкнулся с двумя проблемами при тестировании верстки на 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; } });});т.е. при первом касании ссылки добавляем класс и переход блокируем, при втором (если класс присвоен, то это второй), класс убираем и переход разрешаем. И все работает замечательно. НО только когда страница находится в верхнем положении прокрутки. Стоит прокрутить страницу на два миллиметра ниже, меню начинает прыгать и вести себя дико. Стоит прокрутить обратно наверх - опять работает нормально. Теряюсь в догадках. Подскажите, пожалуйста, куда копать?