Tworzenie stron www
scroll-margin-top, czyli jak poradzić sobie z przewijaniem do kotwic, kiedy nawigacja jest sticky
scroll-margin-top pozwala dodać nam po przewijaniu do elementu kotwicy górny margines nad linkowanym elementem.
Za pomocą scroll-margin-top rozwiążesz problem ucinanych nagłówków lub zdań, gdy masz na stronie wdrożone sticky top menu lub tak dobrze działający pod SEO spis tematów w artykule. Bez tego parametru trzeba przewijać stronę za pomocą JavaScript.
Pomysłowym rozwiązaniem jest dodanie do wszystkich elementów posiadających id margines po przewijani. Dlaczego do id, bo kotwica linkowana jest do nazwy id elementu.
[id]: { scroll-margin-top: 20px,}
Właściwość scroll-margin jest częścią CSS Scroll Snap Module.
Czy ten artykuł był Ci pomocny? Jesteśmy doświadczoną agencją SEO, skontakuj się z nami, jeśli potrzebujesz pomocy ze swoją stroną.
Zaufali nam:
Współpracuj z nami!
Naszą mocą jest technologia i doświadczony zespółPrzez lata zdobywaliśmy doświadczenie u największych wydawców w Polsce, a teraz zadbamy o rozwój Twojej firmy od strategii wzrostu po wdrożenia na stronach dzięki naszemu własnemu software house'owi. Zaufaj nam, aby osiągać dobre wyniki.
