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

时间:2017-03-20 17:10:58

标签: javascript android jquery google-chrome browser

我们有一个<li>标记列表,其中的内容包含在<a>标记中。在页面加载时,这些是第一个呈现的项目,但我们在Android设备(Chrome浏览器)上遇到问题,因此第一次触摸在标记上,因此默认情况下执行单击操作并打开链接而不是而不是有机会向下滚动页面。

有没有其他人遇到过这个问题/找到了办法?这一切在iOS Safari中都运行良好。

由于 Ashil

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

1 个答案:

答案 0 :(得分:-1)

在Android + Chrome上也发生在我身上。第一个touchstart触发您所在元素的默认行为。