アンカータグの最初のタッチでスクロールを防ぐ

Question

<li>タグの内容は<a>タグで囲まれています。ページの読み込み時に最初に表示されるアイテムですが、アンドロイドデバイス（Chromeブラウザ）では最初のタッチがタグに表示されるため、デフォルトでクリックアクションが実行され、ページを下にスクロールするチャンス。

誰もこの問題を経験したことがありますか？それはiOSのサファリですべて正常に動作します。

おかげ 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> 

Answer 1

は、Android + Chromeでだけでなく、私に発生します。最初にtouchstartを押すと、現在の要素のデフォルトの動作がトリガされます。