Для реализации такого эффекта нашелся компактный код на JQuery

<script type="text/javascript">
  $(document).ready(function(){
    $(window).scroll(function(){
      var bo = $(this).scrollTop();
      var a = $("#hid").css(&#39;opacity&#39;)
      //$("#hid").html(bo);
      if ( bo >= 200 && a == 0) {$("#hid").stop().css(&#39;display&#39;, &#39;block&#39;).animate({&#39;opacity&#39;:&#39;1&#39;},500)};
      if ( bo < 200 && a == 1) {$("#hid").stop().animate({&#39;opacity&#39;:&#39;0&#39;},500).css(&#39;display&#39;, &#39;none&#39;)};
    })
  })
</script>

При прокрутке страницы на 200px плавно появляется блок #hid

<div id="hid"><a href="#top">На верх</a></div>

И css код для него:

<style>
  #hid{
    display: none;
    position: fixed;
    right: 25px;
    bottom: 50px;
  }
</style>

А чтобы при клике по стрелке происходил плавный переход в верх страницы, в нашем случае к якорю #top нужно сделать следующее >> Плавная прокрутка страницы с помощью JQuery

Чтобы сделать комментарий, нужно авторизоваться на сайте!