jQuery Tabs Selected Tab Prevent 跳转到顶部

Question

我正在使用 jQuery 选项卡，单击一个选项卡会向 url

添加哈希

jQuery( "#tabs").tabs({
        activate: function(event, ui) {
            window.location.hash = ui.newPanel.attr('id');
        }
    });

问题是当我点击一个选项卡时它会打开但它会滚动并跳转到页面顶部

普通标签

当我点击选项卡时

谁知道如何解决这个问题

Answer 1

尝试使用 history.pushState()。检查 History Api docs

jQuery( "#tabs").tabs({
    activate: function(event, ui) {
        history.pushState(null, null, '#' + ui.newPanel.attr('id'));
    }
});

jQuery Tabs Selected Tab Prevent Jump to top