使用window.location.hash時光滑滾動工作不正確

Question

我做了平滑滾動。但它工作不正確。 只有當您再次按下時纔會觸發，但在網址中即時更改哈希值。

$('nav').click(function(e){ 
     if(window.location.hash == "#block1") { 
      $('html,body').animate({ 
       scrollTop: ($('#block1').offset().top) 
      }) 
     } 
     else if(window.location.hash == "#block2") { 
      $('html,body').animate({ 
       scrollTop: ($('#block2').offset().top) 
     }) 
     } 
    }) 

Answer 1

你應該避免click事件的默認行爲：

$('nav').click(function(e){ 
    e.preventDefault(); 
    //continue... 

希望這有助於。

編輯：

這應該做的伎倆：

$('nav').click(function(e){ 
    e.preventDefault(); 

    var section = $(this).attr('href'); 

    if(section == "#block1") { 
     window.location.hash = "#block1"; 

     $('html,body').animate({ 
      scrollTop: ($('#block1').offset().top) 
     }); 
    } 
    else if(section == "#block2") { 
     window.location.hash = "#block2"; 

     $('html,body').animate({ 
      scrollTop: ($('#block2').offset().top) 
     }); 
    } 
}); 

瓦列裏