• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Problem z jquery scrolTo

42 Warsaw Coding Academy
+1 głos
311 wizyt
pytanie zadane 24 sierpnia 2021 w JavaScript przez Bartek12 Mądrala (5,510 p.)
<script>
        $(document).ready(function () {
            $("a").click(function () {
                $.scrollTo($(this).data("href"), 1200, {
                    offset: -47
                });
            });
        });
    </script>

Mam skrypt który przewija stronę po kliknięciu w link, używając do tego biblioteki jquery i scrolto.

Skrypt działa dobrze, ale robi coś w rodzaju kumulowania kliknięć. Jak kliknę szybko na różne linki to skrypt po kolei reaguje na każde kliknięcie. Wie ktoś jak temu zapobiec?

1 odpowiedź

+2 głosów
odpowiedź 24 sierpnia 2021 przez Comandeer Guru (607,060 p.)

A czemu nie chcesz tego zrobić przy pomocy CSS (scroll-behavior: smooth)? Do tego scroll-margin-top i masz też zapewniony offset. Działa wszędzie oprócz Safari, ale dla niego wystarczy zaserwować jakiegoś polyfilla.

Podobne pytania

0 głosów
1 odpowiedź 333 wizyt
0 głosów
1 odpowiedź 242 wizyt
0 głosów
2 odpowiedzi 523 wizyt

93,389 zapytań

142,385 odpowiedzi

322,547 komentarzy

62,749 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

VMware Cloud PRO - przenieś swoją infrastrukturę IT do chmury
...