Właściwość CSS scroll-behavior

kursy, tutoriale

Kategoria wpisu Interfejs, Kurs CSS, Kursy, PHP, HTML, CSS Tagi: , , , , on przez .



Właściwość CSS scroll-behavior pozwala nam określić, w jaki sposób ma nastąpić przewinięcie treści strony podczas skoku z jednego punktu do drugiego.

Efekt jaki uzyskujemy swoim działaniu przypomina skrolowanie, przemieszczanie się na stronie typu one-page.

Przyjmowane wartości

  • auto – jest to wartość domyślna i zapewnia normalne scrollowanie na stronie
  • smooth – daje nam płynne scrollowanie

Przykłady:

See the Pen scroll-behavior CSS by Aura (@Julka85) on CodePen.0

Interpretacja przez przeglądarki

WłaściowśćChromeIE / EdgeFirefoxSafariOpera
text-align-last61nie wspiera36nie wspieraTak

źródła:
http://webkod.pl/kurs-css/wlasciwosci/wszystkie/scroll-behavior
https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior

scroll-behavior

Przeczytaj również

Mieszanie kolorów z selektorem mix-blend-mode Właściwość CSS mix-blend-mode określa sposób łączenia się ze sobą elementu nadrzędnego np. obrazka z tłem umieszczonym pod nim. Efekt końcowy jest pod...
Odstępy pomiędzy literami w słowie CSS letter-spac... Zadaniem właściwości CSS letter-spacing jest ustawianie odległości (odstępów) pomiędzy poszczególnymi literami słowa w tekście. Za jej pomocą możemy w...
Efekt Marquee czyli przewijający się tekst na stro... Marquee jest znacznikiem typu blokowego w HTML. Z jego pomocą można uzyskać prostą animację tekstu w postaci przewijającego się tekstu. Początkowo Ma...
Charakterystyka właściwości clip CSS Z pomocą własność CSS clip możemy określić, który fragment danego obiektu (np. grafiki) ma być widoczny lub też nie. W ten sposób możemy nadać obiekto...