如何阻止链接将我发送到页面顶部

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);' )
  });
});