目前在 iOS 上测试移动网站(很快就会到达其他设备,所以不确定这是否与其他操作系统/浏览器有关)。
移动Safari如何在滚动期间触发链接的活动状态?
我的测试页面由一个无序列表构成,每个列表项内都有一个链接标签,该标签扩展为 100% 宽度。问题在于,在正常滚动期间,会触发 :active 状态,显示仅用于在 :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;}