CSS3：目标并阻止浏览器跳转行为

Question

我制作了一个手风琴菜单，就像已经解释过here一样。问题是，当您单击菜单项时，浏览器将尝试跳转（和滚动）到target以确保目标在视图端口中可见。有什么解决方案可以阻止跳跃，除了这样的事情吗？

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

来源：Fighting the jump

Answer 1

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