javascript - 如何阻止浏览器窗口跳转到 #ID 哈希链接 - 需要最简单的 JavaScript

Question

有一个严格不使用 JavaScript 的客户，但在这种特殊情况下，我认为我无法避免它。

我使用CSS(溢出:隐藏和position:absolute)遇到了“下一个/上一个”特色区域情况 - 单击下一个或上一个(a href =“#section ...”)然后会带来相关的div ID进入 View - 但是，浏览器跳到屏幕顶部，这真的很烦人。

防止这种跳转发生的最简单方法是什么(使用 javascript) - 但对于关闭 javascript 的用户仍然可用？

Answer 1

你只能通过 a) 使用 JS 或 b) 删除这些 anchor 链接来解决这个问题。

如果您选择选项 a:

var links = document.getElementsByTagName('a');
var link;
for(var i = 0, j = links.length; i < j; i++) {
    link = links[i];
    if(link.href.substring(0, 1) == '#') {
       link.onclick = function(e) {
          var ev = e || event;
          ev.preventDefault();
       };
    }
}