Warum löst Mobile Safari aus: aktiver Zustand während des Scrollens?

Question

Derzeit testet mobile Website auf iOS (wird bald zu anderen Geräten, so unsicher, ob dies zu anderen Betriebssystemen/Browser).

Wie kommt es, dass mobile Safari den aktiven Status einer Verbindung während des Scrollens auslöst?

Meine Testseite besteht aus einer ungeordneten Liste mit einem Link-Tag innerhalb jedes Listenelements, das auf 100% Breite erweitert wird. Das Problem ist, dass während einer normalen Schriftrolle, die: aktive Zustand ausgelöst wird, den Hintergrund zu sehen, dass für die Ansicht während gedacht: nur aktiven Zustandes (ich bin offensichtlich nicht notwendig Stile und Inhalte aus dem Beispiel weggelassen):

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

Sie sollten ontouchstart/ontouchend verwenden, um eine Klasse mit Javascript hinzuzufügen/zu entfernen. Verwenden Sie dann diese Klasse anstelle von: active.