如果不重新加载页面，则无法更改url

Question

我走进了死胡同。我正在做水平滚动页面。我将此代码用于我的主菜单导航，以便在页面标记之间流畅地滚动。Like here

$('ul.menu a').bind('click',function(event){
    var $anchor = $menuLink;
        $('html, body').stop().animate({
            scrollLeft: $($anchor.attr('href')).offset().left
        }, time);

        $('ul.menu a').each(function(){
            $this = $(this);
            $this.removeClass('active');
        });
        $anchor.addClass('active');
    });

我也有CSS动画页面的介绍，其中隐藏了页面加载的一些元素。但我需要这些元素时，页面是刷新和介绍应该加载只为第一个页面加载。如果我在单击主菜单导航链接事件后添加一些代码，我会被计算出来

window.location.hash = $(this).attr("href");

当页面被刷新时，它会检查url上的当前散列，然后加载css动画，因为if语句依赖于散列。

但是页面不能在标签页面之间水平地动画流畅。页面正在刷新，因为更改了url中的哈希。

清楚了吗？有什么想法吗？由于此css动画，启动时出现问题。我在开始时隐藏了主菜单，并在几秒钟的动画之后显示它。这就是在页面刷新之后的所有时间。我也在考虑使用cookies，但我认为这是有风险的，因为如果用户不同意cookies，那么动画将开始重新加载每个页面，这将导致隐藏主导航。

Answer 1

您要查找的示例代码如下：

window.history.pushState("object or string", "Title", "/new-url");

有关更多信息，请参阅链接Updating address bar with new URL without hash or reloading the page