2012-11-23 106 views
8

在我的網頁上有一些錨有沒有鏈接,像這樣:錨點擊並保持頁面位置?

<a href="#">Anchor</a> 

當我點擊的錨是在頁面底部,頁面被滾動到頂部。如果我點擊鏈接,我想保留頁面位置。我怎樣才能做到這一點。 (沒有js對我來說更好)

我希望我能解釋一下。

在此先感謝。

回答

18

你仍然必須使用JS,但你可以在線做:

<a href="javascript:void(0);">Test</a>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

演示:http://jsfiddle.net/7ppZT/

或者,你可以捕捉事件:

$('a[href^="#"]').click(function(e) { 
    e.preventDefault(); 
}); 
+0

非常感謝。這是我預期的答案。我會接受這一點。 –

+1

@AliRiza僅供參考,您需要使用JQuery。 – Ben

+0

@Steve,是的,有很多這樣的鏈接。 –

4

您可以將錨定在您想要的頁面的任何位置。

<a href="#stophere">Anchor</a> 

<a id='stophere'>Bottom Of Page</a> 

然後,鏈接將轉到指定的錨點。只要堅持你想停止的那個元素。

+0

那是真實的,但你應該使用ID而不是名稱的 –

+0

謝謝,但我不想去特別的地方。我希望它保持其立場。 –

+0

@F.Müller - 啊,你說得對。謝謝,我不知道。 http://stackoverflow.com/questions/484719/html-anchors-with-name-or-id – Ben

1

來解決這個問題,我使用這個代碼,它的腳本解決方案,但適用於所有瀏覽器

<a href="javascript:void(0)">Anchor</a> 
0
<a href="#noname">Anchor</a> 

確保noname你沒有爲id屬性的任何標記或標籤aname屬性使用。

1

你必須設置一個名稱和#後添加姓名這樣

<a name="adsf" href="#adsf">Anchor</a> 
相關問題