在我的網頁上有一些錨有沒有鏈接,像這樣:錨點擊並保持頁面位置?
<a href="#">Anchor</a>
當我點擊的錨是在頁面底部,頁面被滾動到頂部。如果我點擊鏈接,我想保留頁面位置。我怎樣才能做到這一點。 (沒有js對我來說更好)
我希望我能解釋一下。
在此先感謝。
在我的網頁上有一些錨有沒有鏈接,像這樣:錨點擊並保持頁面位置?
<a href="#">Anchor</a>
當我點擊的錨是在頁面底部,頁面被滾動到頂部。如果我點擊鏈接,我想保留頁面位置。我怎樣才能做到這一點。 (沒有js對我來說更好)
我希望我能解釋一下。
在此先感謝。
你仍然必須使用JS,但你可以在線做:
<a href="javascript:void(0);">Test</a>
或者,你可以捕捉事件:
$('a[href^="#"]').click(function(e) {
e.preventDefault();
});
您可以將錨定在您想要的頁面的任何位置。
<a href="#stophere">Anchor</a>
<a id='stophere'>Bottom Of Page</a>
然後,鏈接將轉到指定的錨點。只要堅持你想停止的那個元素。
那是真實的,但你應該使用ID而不是名稱的 –
謝謝,但我不想去特別的地方。我希望它保持其立場。 –
@F.Müller - 啊,你說得對。謝謝,我不知道。 http://stackoverflow.com/questions/484719/html-anchors-with-name-or-id – Ben
來解決這個問題,我使用這個代碼,它的腳本解決方案,但適用於所有瀏覽器
<a href="javascript:void(0)">Anchor</a>
<a href="#noname">Anchor</a>
確保noname
你沒有爲id
屬性的任何標記或標籤a
的name
屬性使用。
你必須設置一個名稱和#
後添加姓名這樣
<a name="adsf" href="#adsf">Anchor</a>
非常感謝。這是我預期的答案。我會接受這一點。 –
@AliRiza僅供參考,您需要使用JQuery。 – Ben
@Steve,是的,有很多這樣的鏈接。 –