Почему запускается Safari Safari: активное состояние во время прокрутки?

Question

В настоящее время тестирование мобильного сайта на iOS (скоро появится на других устройствах, поэтому не уверены, относится ли это к другим ОС/браузеру).

Почему мобильное сафари запускает активное состояние ссылки во время прокрутки?

Моя тестовая страница построена из неупорядоченного списка с тегом ссылки внутри каждого элемента списка, который расширяется до 100% ширины. Проблема в том, что во время свитка, то: активное состояние тревоги, обнажая фон, который предназначен для показа во время: активного состояния только (я, очевидно, опуская ненужные стили и содержимое из примера):

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;} 

Answer 1

Вы должны использовать ontouchstart/ontouchend для добавления/удаления класса с Javascript. Затем используйте этот класс вместо: active.