<html style="border:1px solid green">
<a href="#test">Ссыль</a>
<div style="height:200px"></div>
<div id="test" style="background:red">#test</div>
<div style="height:300px"></div>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$('a[href^="#"]').click(function () {
var target = $(this).attr('href');
$('html, body').animate({scrollTop: $(target).offset().top - 50 }, 800);
return false;
});
</script>
</html>