<!--кнопки вверх вниз с остановкой-->
<style>
.go-up,.go-down {
position:fixed; /*позиционируем*/
right:10px; /*указываем положение, если слева - left*/
display:block;
outline: none 0 transparent;
border:none 0 transparent;
cursor:pointer;
opacity: .6; /*прозрачность*/
width:35px; /*ширина кнопки*/
height:35px; /*высота кнопки*/
}
/*при наведении курсора*/
.go-down:hover,.go-up:hover {
opacity:1;
}
.go-up {
bottom:175px; /*отступ верхней кнопки от низа форума*/
  background: transparent url('https://forumstatic.ru/files/0013/61/d9/15397.png')no-repeat center;/*кнопка вверх*/
}
.go-down {
bottom:132px; /*отступ нижней кнопки от низа форума*/
  background: transparent url('https://forumstatic.ru/files/0013/61/d9/60019.png')no-repeat center;/*кнопка вниз*/
}
</style>
<button class="go-up" id="ToTop" onmousedown="$('html,body').animate({scrollTop:0},{ 'duration': 1000, 'easing':'linear' });$(this).css({'margin':'1px -1px -1px 1px'});" onmouseup="$('html,body').stop(true);$(this).css({'margin':'0'})"></button>
<button class="go-down" id="OnBottom" onmousedown="$('html,body').animate({scrollTop:$(document).height()},{ 'duration': 1000, 'easing':'linear' });$(this).css({'margin':'1px -1px -1px 1px'});" onmouseup="$('html,body').stop(true);$(this).css({'margin':'0'})"></button>