Android 移动浏览器，首先触摸锚标记防止滚动

Question

我们有一个<li> 标签列表，其内容包含在<a> 标签中。在页面加载时，这些是第一个呈现的项目，但是我们在 android 设备（chrome 浏览器）上遇到了一个问题，即第一次触摸是在标签上，所以默认情况下，这会执行点击操作并打开链接，而不是给出有机会向下滚动页面。

有没有其他人遇到过这个问题/找到了解决方法？在 iOS Safari 中一切正常。

谢谢 阿什尔

<ul>
    <li>
        <a href="/site/123">
            <img src="http://placehold.it/200x200">
            <div>
                <h5>Header</h5>
                <p>Some content</p>
            </div>
        </a>
    </li>
    <li>
        <a href="/site/123">
            <img src="http://placehold.it/200x200">
            <div>
                <h5>Header</h5>
                <p>Some content</p>
            </div>
        </a>
    </li>
    <li>
        <a href="/site/123">
            <img src="http://placehold.it/200x200">
            <div>
                <h5>Header</h5>
                <p>Some content</p>
            </div>
        </a>
    </li>
</ul>

Answer 1

在 Android + Chrome 上也发生在我身上。首先 touchstart 会触发您所在元素的默认行为。