0

コードにいくつかの<a>タグがあります。

ただし、ユーザーが<a>タグをクリックすると、ブラウザーはページの上部にジャンプします。

例えば：

texts
…..
elements
…...
texts
…..
elements
…...
texts
…..
elements
…...

//the user has to scroll down to here to see the <a> tag.
//once click, the page will jump to the top (scroll to top) for some reason.
<a href = '#' >click here</a>

おそらく十分な情報を提供していないことはわかっていますが、誰かがこの奇妙なことの理由を考えられるかどうか疑問に思っていました. 私は元のコードを作成していません。ファイルには多くのコードがあります..助けてくれてありがとう!

4

5 に答える 5

1

リンクをリンクのように動作させたくない場合は、別の要素を使用してください。それがリンクを使用する理由である場合は、CSS を使用して正しい外観とホバー動作を指定してください。

于 2013-08-02T22:57:57.953 に答える
1

アンカー タグの属性にhastag#を使用すると、リンクが先頭にジャンプします。href<a>

<a href='#'>click here</a>

ハッシュタグの直後のアンカー タグに ID を含めることで、ジャンプ先の ID を指定できます。

例えば：

クリックすると:

<a href='#myElement'>Go to My Element</a>

ページは次の場所にジャンプします。

<div id='myElement"></div>
于 2013-08-02T22:55:47.467 に答える
1 
$('a[href^=#]').on('click',function(e){
    e.preventDefault();
});
于 2013-08-02T22:56:18.907 に答える
0

それがアンカータグの振る舞いです。ユーザーがアンカー タグ (リンク) をクリックすると、ブラウザはhrefそのタグの値に従います。

参照は、現在の#ドキュメントの先頭を参照する標準的な方法です。<a href="#">click here</a>したがって、ユーザーがブラウザーをクリックすると、ユーザーは現在のドキュメントの先頭に移動します。

これは奇妙なことではなく、HTML でのリンクのしくみです。

于 2013-08-02T22:57:14.630 に答える
0

要素に ID が与えられた場合:

<a href = '#someid' >click here</a>

ページ内のその場所にジャンプします (その要素をページの上部に配置します)。ID が指定されていない場合、「#」はページの先頭にジャンプするだけです。

于 2013-08-02T22:55:57.067 に答える