html - Safari / iOSで動作しませんか？

Answer 1

を設定できhref="#"ます。同じようにページの上部にジャンプしていることに気付きました。#はページ内アンカーで、ページの上部を参照していると思います。そのために定義された動作については明確ではありません。しかし、残念ながら、あなたはそれをキャンセルしたいと思っています。

iPhone 5.0.1 シミュレーターでは、両方のキャンセル方法を組み合わせても機能しますが、一番上までスクロールしません。これは私の完全なtest.htmlファイルです。シミュレータ、Chrome、OS X Safari で動作します。

<div style="height: 1000px; background-color: blue;"></div>
<a href="#" onClick="event.preventDefault(); return false;">Poke it!</a>
<div style="height: 1000px; background-color: red;"></div>

記録のために、event.preventDefault();バグの重複を削除します。

Answer 2

あなたの説明から、それは iOS ブラウザー JS 実装のバグのようです (それを示すために最小限のコードを作成するかもしれません)。

<a href...>簡単な回避策は、をに置き換えること<span style="cursor:pointer;">です。

Answer 3

純粋にjavascriptから要素をバインドしようとしましたか？

<a href="#" id="nogo">Foo</a>

document.getElementById('nogo').onclick = function(ev) {
ev.preventDefault();
};