javascript - ページのトップに移動するためのリンクを防ぐにはどうすればよいですか

Question

<a href="#id">link</a>ページをにスクロールできないようにしようとしています(0,0)。

" " を使用する必要があります#(同じページに留まらなければなりません)。

ページがスクロールしないようにする適切な方法は何ですか (jQuery/JavaScript/HTML/CSS)?

注: (上部へのスクロールは、iPadを使用している場合にのみ発生します。jQuery モバイル 1.3.2 を使用しています)。

score 4 · Accepted Answer

Javascript を使用してこれを取得するには、さまざまな方法があります (これが最も簡単な方法です)。

JQuery を使用した例を次に示します。

$('#myLink').click(function(e) { e.preventDefault(); });

HTML で純粋な Javascript を使用した例を次に示します。

<a href='javascript:void(0);'>click here</a>

iPad で上部にスクロールするには、まずブラウザがデスクトップアプリケーションかモバイルアプリケーションかを判断し、これをリンクの条件付き href にして、iPad ブラウザ上でのみ動作を実行する必要があります。はるかに複雑です。

score 1 · Accepted Answer

return falseブラウザがリンクにリダイレクトするのを防ぐクリックハンドラだけです。もう 1つの方法は、オブジェクトpreventDefault() のメソッドを呼び出すことです。event

$('#myLink').click(function(e) {  

//Do what you want to do here

return false; 

});

score 0 · Accepted Answer

にスクロールするのではなく(0,0)、id を持つ要素にスクロールしますid

4 に答える 4