如果沒有頁面重新加載，則無法更改網址

我走向死衚衕。我正在處理水平滾動頁面。我用我的主菜單導航代碼來滾動頁面標籤之間的流暢。 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");

，當頁面會刷新，它會檢查網址當前哈希，然後加載CSS動畫或不是因爲if語句依賴散列。

但是，頁面不能在標籤頁之間水平動畫。頁面正在刷新，因爲在URL中更改散列。

是否清楚？任何想法？由於這個CSS動畫，問題開始了。我在開始時隱藏主菜單，並在幾秒鐘的動畫後顯示它。這是刷新頁面後的所有時間。我也在考慮爲此使用cookies，但我認爲這很危險，因爲如果用戶不同意cookies，那麼動畫將啓動每一頁的重新加載，這將導致隱藏主導航。

來源

2016-03-13 Marta P

你正在尋找

示例代碼：

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

欲瞭解更多信息，請參閱鏈接Updating address bar with new URL without hash or reloading the page

來源

2016-03-13 02:49:43 movingSone

如果沒有頁面重新加載，則無法更改網址

回答

相關問題