Пропустить ссылки, не работающие в Chrome

Прежде всего, я просмотрел этот предыдущий вопрос , но, к сожалению, он не предлагал никаких решений (кроме JS, который, боюсь, не запускается)

У меня есть несколько ссылок для пропуска вверху моей страницы ...


, а ниже находится ...

, который представляет собой пустой div, предназначенный исключительно для использования в качестве точки привязки.

При активации ссылки вроде все нормально работает; визуально страница перепрыгивает вниз, и фокус смещается на первую ссылку после #mainContent.

Однако в Chrome (v 12.0.742.91), пока страница визуально сдвигается вниз, фокус не меняется, что означает, что после активации клавиши доступа переход с табуляции опять же просто возвращает вас обратно наверх страницы и обратно к ссылкам доступа.

У меня была идентичная проблема с IE, которая была связана с известной причудой и была исправлена ​​путем установки определенного width до целевого элемента. Однако, похоже, это не работает для Chrome. Я также пробовал добавить элемент с возможностью табуляции в div #mainContent, помещая любой контент в div #mainContent, а также всевозможные вариации float / width / height, и, похоже, ничего не исправляет.

Есть ли кто-нибудь были какие-либо похожие проблемы с Chrome или знает исправление?

Заранее спасибо, ребята

Саймон

7
задан Community 23 May 2017 в 12:26
поделиться