scroll up button

Question

mam pytanie jak zrobić scroll up button - mam gotowy button z bootstrapa w takiej formie

  <div class="up-button">
  <button type="button" class="btn btn-outline-warning"><i class="icon-up-outline"></i></button>
  </div>

w CSS dałem go tylko po prawej stronie - jest tam gdzie chciałem

tylko teraz nie mogę za cholerę zrobić funkcji do niego - miał ktoś kiedyś taki problem? może jakaś podpowiedź? Nie chcę zmienić buttona bo dobrze wygląda

Answer 1

Najlepiej byłoby go zmienić na link wskazujący na #, czyli początek strony:

<div class="up-button">
    <a href="#" class="btn btn-outline-warning"><i class="icon-up-outline"></i><span class="sr-only">Przewiń na górę strony</span></a>
</div>

Wygląd nie powinien się zmienić.

Przy okazji dodałem etykietę dla użytkowników czytników ekranowych.

Comments

Boże dzięki ci mistrzu, bo ja już wchodziłem idiotycznie na wyżyny swoich umiejętności w jquery XD - faktycznie kiedyś coś było z # jako automatyczny scroll do góry jako domyślny

---

kiedyś coś było z # jako automatyczny scroll

Jeśli zaczynałeś od tutoriali MZ, to pewnie tutaj: https://youtu.be/-5Tn5CYPT5k?t=3635

---

dzięki :) czasem człowiek zapomina o takich prostych sprawach obejrzę jeszcze raz