CSS3 :target and preventing browser-jump behavior

Question

我制作了一个 Accordion 菜单，就像已经解释过的那样here .问题是，当您单击菜单项时，浏览器将尝试跳转(并滚动)到 target 以确保目标在视口(viewport)中可见。有没有什么解决方案可以防止跳跃，除了这样的事情？

$("a[href^=#]").on("click", function(e) {
    e.preventDefault();
    history.pushState({}, "", this.href);
});

js 来源:Fighting the jump

Answer 1

除了使用 JavaScript，别无他法。您还可以监听 hashchange 事件，保存事件触发时的实际滚动位置，并在事件发生后跳回。但这些是人们能想到的唯一可能的解决方案。