Neden Mobil Safari Tetikleme: kaydırma sırasında etkin Durum?

Question

Şu anda iOS'taki mobil siteyi test ediyor (yakında diğer cihazlara ulaşacak, bu yüzden diğer işletim sistemlerine/Tarayıcıya ait olduğundan emin olamayacaksınız).

Mobil safari, kaydırma sırasında bağlantının etkin durumunu nasıl tetikler?

Test sayfam, her liste öğesinin içinde% 100 genişliğe genişleyen bir bağlantı etiketiyle sırasız bir listeden oluşturulmuştur. Sadece (Açıkçası örnekten gereksiz stilleri ve içeriği ihmal ediyorum) aktif duruma:

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

aktif devlet esnasında göstermek için tasarlanmıştır arka açıklayacak tetiklenir: Sorun normal bir kaydırma esnasında, yani

Javascript ile bir sınıf eklemek/kaldırmak için ontouchstart/ontouchend kullanmalısınız. Ardından şu sınıfı kullanın: etkin.