已解決430363個問題，去搜搜看，總會有你想問的

當單擊觸發JavaScript的鏈接時，如何阻止網頁滾動到頂部？

首頁猿問當單擊觸發JavaScript的鏈...

JavaScript

白衣非少年 2019-07-26 15:14:27

當單擊觸發JavaScript的鏈接時，如何阻止網頁滾動到頂部？當我有一個連接到jQuery或JavaScript事件的鏈接時，例如：<a href="#">My Link</a>如何防止頁面滾動到頂部？當我從錨點中刪除href屬性時，頁面不會滾動到頂部，但鏈接似乎不能單擊。

查看完整描述

3 回答

天涯盡頭無女友

TA貢獻1831條經驗獲得超9個贊

一種簡單的方法是利用這些代碼：

<a href="javascript:void(0);">Link Title</a>

此方法不強制頁面刷新，因此滾動條保持不變。此外，它允許您以編程方式更改onClick事件，并使用jQuery處理客戶端事件綁定。

由于這些原因，上述解決方案優于：

<a href="javascript:myClickHandler();">Link Title</a><a href="#" onclick="myClickHandler(); return false;">Link Title</a>

最后一個解決方案將避免滾動跳轉的問題當且僅當myClickHandler方法沒有失敗。

反對回復 2019-07-27

關注

舉報

0/150

提交

取消