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

Płynne przewijanie w js.

0 głosów
72 wizyt
pytanie zadane 9 lutego w JavaScript, jQuery, AJAX przez Byczek_ Bywalec (2,540 p.)

Witam mam problem ponieważ chciałbym, żeby po kliknięciu O WODZIE przeniosło nas trochę wyżej ponieważ w tym momencie jak widzimy na obrazku zasłania nam menu. Przepraszam za składnie zdania, ale nie wiem jak to opisać.

1 odpowiedź

+2 głosów
odpowiedź 9 lutego przez Tomek Sochacki Mędrzec (186,690 p.)
no ale pokaż jak robisz to przewijanie, bo masz to z tego co rozumiem zrobione tak? czyli kwestia po prostu dodania tych paru px wysokości menu, albo na sztywno jeśli menu ma zawsze stałą wysokość albo ściągnij sobie jego computed hight w momencie scrolla przy użyciu getComputedStyle.
komentarz 9 lutego przez Byczek_ Bywalec (2,540 p.)
komentarz 9 lutego przez Tomek Sochacki Mędrzec (186,690 p.)
ehh, czyli w ogóle nie czytałeś mojej odpowiedzi i nawet nie próbowałeś zrobić tego co proponuję...? tylko wolisz dać kod i "zróbcie mi to"... :(

A ponad to, wiem że się na tym forum powtarzam i jestem cięty ale taki już jestem, powiedz mi dlaczego W OGÓLE nie zacząłeś nawet szukać rozwiązania w google? Nawet nie poświęciłeś na to 2 sekund...

Oto przykłady z pierwszej piątki wyników google, do wyguglania w 10 sekund:

https://answers.themler.io/questions/76954/fixed-header-menu-overlaps-anchors-sections

https://www.caktusgroup.com/blog/2017/10/23/css-tip-fixed-headers-and-section-anchors/

https://stackoverflow.com/questions/10732690/offsetting-an-html-anchor-to-adjust-for-fixed-header
komentarz 9 lutego przez Byczek_ Bywalec (2,540 p.)
edycja 9 lutego przez Byczek_
Udało się ale jeszcze bez płynnego przechodzenia ale to już postaram się sam poszukać. A czy mógłbyś sprawdzić jeszcze kod?

https://byczowskik.github.io/water-side/
komentarz 9 lutego przez Tomek Sochacki Mędrzec (186,690 p.)

Jeśli nie zależy Ci na jakieś wielkiej kontroli tego przewijania to dodaj po prostu w CSS:

html {
    scroll-behavior: smooth;
}

to zapewni Ci w miarę płynne przejście, nie ma co prawda opcji regulowania czasu itp. ale w praktyce najczęściej nie jest to potrzebne, a wymagałoby użycia JS, a tu masz natywne rozwiązanie przeglądarek, które jest w miarę fajnie wspierane (a nie oszukujmy się, jak ktoś na starszej to otworzy to nie będzie tragedii jak nie dostanie płynnego przejścia tylko przeskok).

komentarz 9 lutego przez Byczek_ Bywalec (2,540 p.)
A co do samej strony na razie nie masz żadnych zastrzeżeń?

Podobne pytania

0 głosów
1 odpowiedź 228 wizyt
0 głosów
1 odpowiedź 126 wizyt
0 głosów
1 odpowiedź 418 wizyt
Porady nie od parady
Forum posiada swój własny chat IRC, dzięki któremu będziesz mógł po prostu pogadać z innymi Pasjonatami lub zapytać o jakiś problem. Podstrona z chatem znajduje się w menu pod ikoną człowieka w dymku.IRC

65,633 zapytań

112,251 odpowiedzi

236,827 komentarzy

46,636 pasjonatów

Przeglądających: 222
Pasjonatów: 10 Gości: 212

Motyw:

Akcja Pajacyk

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

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...