Smooth scroll work not correctly when using window.location.hash

Question

I do smooth scroll. But it work not correctly. It only triggered when you press a second time, but hash change instantly in 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

You should prevent the default behaviour of the click event :

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

Hope this helps.

Edit :

This should do the trick :

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

Valery