
На просторах интернета множество всевозможных подобных скриптов с плавной прокруткой. В этом скрипте при прокрутке вниз появляется кнопка вверх, а кнопка вниз пропадает, а при прокрутке вверх, появляется кнопка вниз и исчезает кнопка вверх. Как-то так 
Установка:
Ставим этот код в самый вверх сайта. Удачи.
Код
<!--Go_Top -->
<script type="text/javascript">
jQuery(function(){
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
else $("#Go_Top").fadeIn("slow")
});
$("#Go_Bottom").hide().removeAttr("href");
if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
else $("#Go_Bottom").fadeIn("slow")
});
$("#Go_Top").click(function(){
$("html, body").animate({scrollTop:0},"slow")
})
$("#Go_Bottom").click(function(){
$("html, body").animate({scrollTop:$(document).height()},"slow")
})
});
</script>
<a style='position: fixed; bottom: 100px; right: 50px; cursor:pointer; display:none;'
href='#' id='Go_Top'>
<img src="http://prosidr.ru/images/ttop1.png" title="Вверх">
</a>
<a style='position: fixed; bottom: 30px; right: 50px; cursor:pointer; display:none;'
href='#' id='Go_Bottom'>
<img src="http://prosidr.ru/images/ttop2.png" title="Вниз">
</a>
<a style='position: fixed; bottom: 100px; right: 50px; cursor:pointer; display:none;'
href='#' id='Go_Top'>
<img src="http://prosidr.ru/images/ttop1.png" title="Вверх">
</a>
<a style='position: fixed; bottom: 30px; right: 50px; cursor:pointer; display:none;'
href='#' id='Go_Bottom'>
<img src="http://prosidr.ru/images/ttop2.png" title="Вниз">
</a>
<!--/ Go_Top -->