Jak dodać przycisk przewijający do wybranej sekcji na stronie z widgetem rejestracji online #
1. Nadaj sekcji ID
Każda sekcja na stronie powinna mieć unikalny identyfikator (id
), aby można było się do niej odwołać.
Przykład dla sekcji „O nas”:
<section id=”onas”> <h2>O nas</h2> <p>Tu wstaw opis sekcji „O nas” dla nazwa firmy.</p> </section>
2. Utwórz przycisk/odnośnik
Przycisk przewijający do sekcji to zwykły link <a>
.
W atrybucie href
podajemy # + ID sekcji.
Przykład przycisku:
<a href=”#onas” class=”btn”>Poznaj nas</a>
Po kliknięciu w ten przycisk strona automatycznie przewinie się do sekcji z id="onas"
.
3. Dodaj efekt płynnego przewijania
Aby przewijanie nie było skokowe, tylko płynne, wystarczy w CSS dodać:
html {
scroll-behavior: smooth;
}
4. Pełny przykład strony