Skocz do zawartości

Przycisk powrotu do góry strony z animacją jQuery


iJust
 Udostępnij

Rekomendowane odpowiedzi

  • Ekspert

W szablonie index lub index_boardstats (sam już nie wiem) masz taki (brzydki) kod:

<a rel="nofollow" href="#top" class="guzikinfa" id="button" title="W GÓRĘ">
  <marquee direction="up" width="15px" scrolldelay="250" style="width: 15px;">
    <i class="fa fa-arrow-up fa-1x fa-fw margin-bottom" style="color:yellow;"></i>
  </marquee>
</a>

Trzeba go przerobić na taki:

<a rel="nofollow" href="#top" class="guzikinfa" id="button go-to-top" title="W GÓRĘ">
  <marquee direction="up" width="15px" scrolldelay="250" style="width: 15px;">
    <i class="fa fa-arrow-up fa-1x fa-fw margin-bottom" style="color:yellow;"></i>
  </marquee>
</a>

Następnie gdzieś w sekcji <head> umieść to:

<script type="text/javascript">
  $(document).ready(function(){
    $('#go-to-top').on("click", function(e){
      e.preventDefault();
      $('html, body').animate({
        scrollTop: 0
      }, 'slow');
    });
  });
</script>
Odnośnik do komentarza
Udostępnij na innych stronach

@Salvation Nie działa coś wszystko zrobiłem dobrze i nic

<a rel="nofollow" href="#top" class="guzikinfa" id="button" title="W GÓRĘ">
  <marquee direction="up" width="15px" scrolldelay="250" style="width: 15px;">
    <i class="fa fa-arrow-up fa-1x fa-fw margin-bottom" style="color:yellow;"></i>
  </marquee>
</a>

Może to jest coś źle

Edytowane przez iJust
Odnośnik do komentarza
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

×