有一种解决方法是在现代浏览器上使用历史 API 并回退旧浏览器：

if(history.pushState) {
    history.pushState(null, null, '#myhash');
}
else {
    location.hash = '#myhash';
}

幸得利·贝罗

问题是您将window.location.hash设置为元素的 ID 属性。浏览器跳转到该元素是预期的行为，无论您是否“preventDefault()”。

解决此问题的一种方法是使用任意值作为哈希前缀，如下所示：

window.location.hash = 'panel-' + id.replace('#', '');

然后，您需要做的就是在页面加载时检查前缀哈希。作为额外的好处，您甚至可以平滑滚动到它，因为您现在可以控制哈希值...

$(function(){
    var h = window.location.hash.replace('panel-', '');
    if (h) {
        $('#slider').scrollTo(h, 800);
    }
});

如果您需要它始终工作（而不仅仅是在初始页面加载时），您可以使用一个函数来监视哈希值的更改并即时跳转到正确的元素：

var foundHash;
setInterval(function() {
    var h = window.location.hash.replace('panel-', '');
    if (h && h !== foundHash) {
        $('#slider').scrollTo(h, 800);
        foundHash = h;
    }
}, 100);

廉价而讨厌的解决方案.. 使用丑陋的#! 风格。

要设置它：

window.location.hash = '#!' + id;

阅读它：

id = window.location.hash.replace(/^#!/, '');

由于它与页面中的锚点或 id 不匹配，因此不会跳转。

为什么不获取当前滚动位置，将其放入变量中，然后分配散列并将页面滚动放回原来的位置：

var yScroll=document.body.scrollTop;
window.location.hash = id;
document.body.scrollTop=yScroll;

这应该有效

我对现代浏览器使用了 Attila Fulop (Lea Verou) 解决方案和用于旧浏览器的 Gavin Brock 解决方案的组合，如下所示：

if (history.pushState) {
    // IE10, Firefox, Chrome, etc.
    window.history.pushState(null, null, '#' + id);
} else {
    // IE9, IE8, etc
    window.location.hash = '#!' + id;
}

正如 Gavin Brock 所观察到的，要捕获 id，您必须按如下方式处理字符串（在这种情况下可以有或没有“！”）：

id = window.location.hash.replace(/^#!?/, '');

在此之前，我尝试了一个类似于user706270提出的解决方案，但它在Internet Explorer上运行不佳：由于其Javascript引擎不是很快，您可以注意到滚动的增加和减少，产生了令人讨厌的视觉效果。