У кого есть возможность проверить сайт на iPhone?

Question

[Римский]

Здравствуйте. Вотсайт нужно проверить на главной работу вот этих табов clip2net.com/s/3KWAC6Q и если получится подсказать, что не работает))

Как мне сказали, что не правильно они работают. Не с первого раза переключаются и остаются активными вкладки.

У меня все четко пашет, я уже во всем проверил, может что-то пропустил))

Answer 1

[Cr2ed]

Что бы на айфоне выбрать табу приходится выделить тапнуть по ней два раза. В первый раз вешаются стили которые вешаются при hover на десктопе, а пи втором меняется контент под табами и перевешивается active класс на новую табку.

Comments

[Римский]

Да-да именно вроде так и все происходит. Не в курсе с чем это может быть связано?

[Cr2ed]

Виталий: Это проблема связана именно с обработкой hover на touch устройствах, в частности ios.
Решение, как и описание проблемы, можно глянуть тут

[Римский]

Cr2ed: Спасибо Ваша статья помогла))

Answer 2

[Rheinmetall]

Айфона нет, но и без айфона они некорректно работают, или это так и задумывалось?

Upd: Хотя перезапустил страницу все начало нормально отрабатывать

Comments

[Римский]

В каком браузере и была такая ошибка?

[Rheinmetall]

Виталий: Windows7/ Google Chrome

Answer 3

[Андрей]

У меня в эмуляторе айфона в среде xcode они вообще не работают. Всегда активна первая вкладка и виден текст который соответствует ей. Можно переключать вторую и третью но это просто визуальный эффект, ничего не меняется.
На десктопе в средней картинке происходит смещение на пиксель другой при наведении курсора.
Пропадает эффект hover если навести курсор на текст в табе.
При первом наведении картинка второго состояния подгружается с видимым эффектом.