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 浏览器上执行该行为，这可能要复杂得多。