[N.....N]

#naukaprogramowania #javascript
Jak zrobić,aby nawigacja wysuwająca się z lewej strony po naciśnięciu linku schowała się i dopiero strona przechodzi do danej sekcji np. o mnie, kontakt itd??? Bo teraz mam tak, że jak kliknę w link to widok odrazu się tam przenosi w czasie chowania nawigacji.
handleClick to powoduje wjazd z lewej nawigacji albo wyjazd. Przechodząc do danej sekcji używam ID i href do danego id

https://codepen.io/JuniorWeb/pen/mdVXZge

[TeflonDon]

@NickciN: setTimeout

[N.....N]

@TeflonDon: oo w sumie popróbuje. Drugie pytanko jak już tutaj jesteś kolego. Jak zrobić smooth slide. W necie są stare przykłady z JQ albo właściwość scroll-behavior, ale ma małe wsparcie. Wtedy powinno się pobrać bibliotekę JQ i użyć przykłady z JQ?

[TeflonDon]

@NickciN: jak już robisz pure js to idź tą drogą. Sprobuj np tego https://www.cssscript.com/smooth-scroll-vanilla-javascript/

[Jednorybek]

@NickciN: scroll-behavior:smooth; ( ͡° ͜ʖ ͡°)

[N.....N]

@Jednorybek: mały support na przeglądarki

[N.....N]

@TeflonDon: mógłbyś pomóc z tym smooth slide?? rozumiem, że pobieram wszystkie tagi <a href="#costam"
Później na każde daje zdarzenie click, później scrolluje do tego href w czasie 1 sekundy. Czemu mi to nie działa???
Wklejam ten cały kod i wyskakuje, że smoothScroll nie jest zdefiniowany. Czym jest ten smoothScroll ????

document.querySelectorAll('a[href^="#"]').forEach(function (anchor) {
anchor.addEventListener('click', function () {
smoothScroll.scrollTo(this.getAttribute('href'), 1000);
});
});

[TeflonDon]

@NickciN: sprobuj z tym - https://github.com/cferdinandi/smooth-scroll
Podpinasz niezbedne pliki itd. wg. instrukcji