jquery 2

by ebaloSnositelXX

HTML

<p><a href="#anchor1"> Lorem ipsum dolor</a> sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed
    cursus ante dapibus
    diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec
    tellus
    sed augue semper porta. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit</b>. Mauris massa. Vestibulum
    lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
    himenaeos.
</p>

<p><a href="#anchor2">Curabitur sodales ligula in libero.</a> <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit</b>. Sed dignissim
    lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed
    convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis,
    luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel,
    tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. </p>

<p><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit</i>. Class aptent taciti sociosqu ad litora torquent per
    conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque
    adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi
    a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. <b>Nam nec ante</b>. Suspendisse in
    justo eu magna luctus suscipit. Sed lectus. </p>

<p>Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum
    magna augue eget diam. <i>Proin ut ligula vel nunc egestas porttitor</i>. Vestibulum ante ipsum primis in faucibus
    orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor. <i>Sed lacinia,
        urna non...

CSS

#anchor1 {
        color: darkred;
    }
    #anchor2 {
        color: royalblue;
    }

JavaScript

//Проверка ситуации когда пользователь нажал
//другой якорь во время анимации
// var test = $("a[href='#anchor2']");
//test[0].click()
$("body").on("click", "a", function() {
    var target = $(this);
    var id     = target.attr("href");
    var anchor = $(id);
    var cords  = anchor.offset();
    var body   = $("body");
    body.animate(
        {
            scrollTop: cords.top
        },
        {
            duration: 5000,
            queue:    false
        }
    );
    window.location.href = id;
    return false;
});