可能重複:
Avoid window jump to top when clicking #-links的jQuery#滾動到頂部
我的網站上我有點擊和jQuery處理事件對他們的鏈接。這些鏈接很簡單,例如:
<a href=# class=bleh>click</a>
的問題是,我點擊一個鏈接比如,它滾動到頁面(可能因爲該#)的頂部。
有什麼辦法可以讓頁面不再滾動,只是保持放?
我知道我不需要href標記,但我希望它顯示爲鏈接。
可能重複:
Avoid window jump to top when clicking #-links的jQuery#滾動到頂部
我的網站上我有點擊和jQuery處理事件對他們的鏈接。這些鏈接很簡單,例如:
<a href=# class=bleh>click</a>
的問題是,我點擊一個鏈接比如,它滾動到頁面(可能因爲該#)的頂部。
有什麼辦法可以讓頁面不再滾動,只是保持放?
我知道我不需要href標記,但我希望它顯示爲鏈接。
或者你也可以利用這一點,稍長但工程
<a href="javascript:void(0);" class="bleh">click</a>
您可以嘗試在與href="#"
的鏈接上禁用點擊默認行爲。
$('[href="#"]').click(function (e) {
e.preventDefault();
});
可以使用event.preventDefault()
防止click事件的默認操作:
如果此方法被調用時,事件的默認動作不會被觸發。
$('.bleh').click(function(eve){
eve.preventDefault()
})
$('.bleh').on('click', function(e) {
e.preventDefault();
return false;
})
配售「無效」的「#」後應停止滾動並且仍然允許事件觸發。
<a href=#void class=bleh>click</a>
如果你沒有'id =「void」的元素'artibute:是的,否則不是 – Ties 2012-07-12 11:59:54