javascript - 如何防止链接将我发送到页面顶部

Question

我试图防止<a href="#id">link</a>将页面滚动到(0,0).

我必须使用“ #”（我必须留在同一页面上）。

防止页面滚动（jQuery/JavaScript/HTML/CSS）的正确方法是什么？

注意：（只有当我在iPad上时才会滚动到顶部；我使用的是 jQuery mobile 1.3.2）。

Answer 1

您有多种方法可以通过 Javascript（这是最简单的方法）来获取它。

这是一个使用 JQuery的示例：

$('#myLink').click(function(e) { e.preventDefault(); });

这是在 HTML 中使用纯 Javascript的示例：

<a href='javascript:void(0);'>click here</a>

要让它在你的 iPad 上滚动到顶部，你应该首先确定浏览器是桌面应用程序还是移动应用程序，并将其作为链接的条件 href，仅在 iPad 浏览器上执行该行为，可以复杂得多。

Answer 2

只是return false在单击处理程序中，这将阻止浏览器重定向到链接。其他方法是调用对象preventDefault() 上的方法。event

$('#myLink').click(function(e) {  

//Do what you want to do here

return false; 

});

Answer 3

它不会滚动到(0,0)，它会滚动到带有 id 的元素id

有关示例，请参见此小提琴http://jsfiddle.net/HnC3L/

Answer 4

为了防止<a href="#">Link</a>页面上的所有空链接添加这个。

$(function() {
  $( 'a[href$="#"]' ).each(function() {
    $( this ).attr( 'href','javascript:void(0);' )
  });
});