簡體   English   中英

Android移動瀏覽器,首先觸摸錨標簽可防止滾動

[英]Android mobile browsers, first touch on anchor tag preventing scrolling

我們有一個<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>

在Android + Chrome上也同樣發生在我身上。 第一次touchstart觸發您所在元素的默認行為。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM