В настоящее время тестируем мобильный сайт на iOS (скоро попадут на другие устройства, поэтому не уверены, относится ли это к другим ОС / браузеру).
Почему мобильное сафари вызывает активное состояние ссылки во время прокрутки?
Моя тестовая страница состоит из неупорядоченного списка с тегом ссылки внутри каждого элемента списка, ширина которого увеличивается до 100%. Проблема заключается в том, что во время обычной прокрутки срабатывает состояние: active, показывая фон, который предназначен для показа во время: только в активном состоянии (очевидно, я исключаю из примера ненужные стили и содержимое):
html:
<ul id="foo"><li><a href="#">Content</a></li></ul>
css:
#foo a {background:white; width:100%; height:100px;}
#foo a:active {background:red;}