Плавный прокрутка работает неправильно при использовании window.location.hash

Question

Я делаю плавный свиток. Но это работает неправильно. Это срабатывает только при нажатии второй раз, но изменение хэша происходит мгновенно в URL-адресе.

$('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

Вы должны предотвратить поведение по умолчанию щелкни событие:

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

Надеется, что это помогает.

Edit:

Это должно сделать трюк:

$('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) 
     }); 
    } 
}); 

Валерий