Właściwość CSS scroll-behavior (zachowanie się scrolla)

Zachowanie się scrolla dynamiczne przewijanie

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


1 Gwizdka2 Gwizdki3 Gwizdki4 Gwizdki5 Gwizdki (Brak ocen)
Loading...

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 można uzyskać z tą właściwością przypomina animacje, płynnego przesuwania się do dołu lu do góry na stronie internetowej.

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

 

Paski przewijania (scroll) CSS – overflow

ź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

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *