djonA,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.item {
margin-top: 1500px;
}
.go {
cursor: pointer;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
(function ($) {
$.fn.scrollTo = function (speed, easing, callback) {
$('body,html').animate({
scrollTop: this.offset().top
}, speed, easing, callback);
return this;
};
}(jQuery));
$(function() {
var a = $(".go"),
b = $(".item");
a.each(function(a, c) {
$(c).click(function() {
b.eq(a).scrollTo(800)
})
})
});
</script>
</head>
<body>
<div class="go">Go1</div>
<div class="go">Go2</div>
<div class="item">Syda1</div>
<div class="item">Syda2</div>
</body>
</html>