Aggiungi navigazione a chiave freccia a jQuery Scrolltop

Question

Sto usando JQuery Scrolltop per navigare attraverso i punti su una pagina. Funziona alla grande. Ma mi chiedevo se sarebbe stato possibile sommare la navigazione della chiave freccia. Quindi, ad esempio, le scorte di freccia verso il basso verso il punto successivo, il punto successivo, ecc. La freccia risale a un punto, ecc. Ecc. Qualsiasi aiuto su questo è molto apprezzato!

Html:

<a class="bookmark" href="#option1">Option 1</a>
<a class="bookmark" href="#option2">Option 2</a>
<a class="bookmark" href="#option3">Option 3</a>

<div id="option1">Stuff</div>
<div id="option2">Stuff</div>
<div id="option3">Stuff</div>

jQuery

$( '.bookmark' ).click(function() {
    var elementClicked = $(this).attr( "href" );
    var destination = $(elementClicked).offset().top;
        $("html:not(:animated),body:not(:animated)")
           .delay( 300 ).animate({ scrollTop: destination-20}, 700 );
    return false;
});