Szukam Powrót na górę strony - jak zrobić powolne przejście?

wersja skryptu MyBB:1.6.11
adres forum:http://stylernia.esy.es/test
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

poszukuje skryptu i opisu instalacji go na łagody powrót na góre strony, w samym html juz mam ale brzydko to wyglada. Potrzebuje JQery

Snake_ napisał 28.03.2014, 14:58:
poprawiam tytuł.

Do footer dodajesz na początku:

<script type="text/javascript">
jQuery.noConflict();
jQuery(function($) {
$("#backtop").hide();
  $(window).scroll(function () {
    if ($(this).scrollTop() > 400) {
      $('#backtop').fadeIn(200);
    } else {
      $('#backtop').fadeOut(200);
    }
  });
  $('.go-top').click(function () {
    $('html,body').animate({
      scrollTop: 0
    }, 1000);
    return false;
  });
});
</script> 


To, tam gdzie ma być obrazek strzałki.

<div id='backtop'> 
 <a class='go-top' href='#top' title='Powrót do góry'><img src="{$theme['imgdir']}/scrolltotop.png" /></a> 
 </div> 


Do CSS

#backtop {
    position: fixed;
    bottom: 20px;
        left: 489px;
    margin: 0;
    padding: 0;
    width: 45px;
    height: 45px;
    z-index: 1000;
        opacity: 0.8;
} 


Zobacz u mnie jak to działa.

nie dziala to dobrze, jest troche lepiej niz bylo ale nadal za szybko

---

a i jeszcze bym chcial aby pokazywalo to sie jak u ciebie, dopiero gdy zjade troche na dół strony

Co nie działa? Przecież to skrypt z mojej strony.
Za szybko? Zmień 1000 na więcej.
400 to wysokość od której ma się pokazać znaczek.
Nie pamiętam, dawno to dodałem.

no to tak: to moj footer teraz:

<script type="text/javascript">
jQuery.noConflict();
jQuery(function($) {
$("#backtop").hide();
  $(window).scroll(function () {
    if ($(this).scrollTop() > 600) {
      $('#backtop').fadeIn(200);
    } else {
      $('#backtop').fadeOut(200);
    }
  });
  $('.go-top').click(function () {
    $('html,body').animate({
      scrollTop: 0
    }, 500);
    return false;
  });
});
</script>
<br />
        <hr class="hidden" />
            <div id="copyright">
                <div id="debug"><debugstuff></div>
        
{$lang->powered_by} <a href="http://mybb.com/" target="_blank">MyBB{$mybbversion}</a>, &copy; 2002-{$copy_year} <a href="http://mybb.com/" target="_blank">MyBB Group</a>.<br />
                <br />
<br class="clear" />
<div id="stopka"></div>
        </div>
        </div>

to dodalem do css

#backtop {
    position: fixed;
    bottom: 20px;
        left: 489px;
    margin: 0;
    padding: 0;
    width: 45px;
    height: 45px;
    z-index: 1000;
        opacity: 0.8;
}

A to do HTML

<div id='backtop'>
<a class='go-top' href='#top' title='Powrót do góry'><img src="http://iv.pl/images/08628783895655417991.png" id="foto" /></a>
</div>