Test Scroll

HTML

<div id="up"><h2>Top</h2><a href="#home" id="go-home">Go Home</a></div>
<div id="home"><h2>Home</h2><a href="#down">Go down</a></div>
<div id="down"><h2>Bottom</h2><a href="#up">Go up</a></div>

CSS

body {
    overflow:hidden;
    font-family: sans-serif;
}

div {
    width: 200px;
    height: 150px;
    border: 5px solid #666;
    margin: 10px auto 900px auto;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

h2 {
    text-align: center;
    color: #333;
    margin: 1em auto;
    font-size: 24px;
    text-transform: uppercase;
}

a {
    display: block;
    color: #4682b4;
    text-transform: uppercase;
    text-align: center;
}

JavaScript

$(function() {
    $('a').click (function() {
       var target = $(this).attr('href');
       $('html, body').stop().animate({
                scrollTop: $(target).offset().top - 10
       }, 1500);
       
       return false; 
    });
    
    $('#go-home').click();
});