jQuery选项卡选中的选项卡防止跳转到顶部

Question

我正在使用jQuery选项卡，点击选项卡，它将哈希添加到网址

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

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

正常的tab

当我点击标签

任何人都知道如何解决这个问题

Answer 1

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

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