Estou procurando uma maneira de incluir um efeito de slide quando você clica em um link para uma âncora local, para cima ou para baixo na págin

Gostaria de algo em que você tenha um link assim:

<a href="#nameofdivetc">link text, img etc.</a>

talvez com uma classe adicionada para que você saiba que deseja que este link seja um link deslizante:

<a href="#nameofdivetc" class="sliding-link">link text, img etc.</a>

Então, se esse link for clicado, a página deslizará para cima ou para baixo até o local necessário (pode ser uma div, um cabeçalho, o topo da página etc.

Isto é o que eu tinha anteriormente:

    $(document).ready(function(){
    $(".scroll").click(function(event){
        //prevent the default action for the click event
        event.preventDefault();

        //get the full url - like mysitecom/index.htm#home
        var full_url = this.href;

        //split the url by # and get the anchor target name - home in mysitecom/index.htm#home
        var parts = full_url.split("#");
        var trgt = parts[1];

        //get the top offset of the target anchor
        var target_offset = $("#"+trgt).offset();
        var target_top = target_offset.top;

        //goto that anchor by setting the body scroll top to anchor top
        $('html, body').animate({scrollTop:target_top}, 1500, 'easeInSine');
    });
});