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 .



Reading Time: 1 minute

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

Przeczytaj również

Podział tekstu na kolumny – Multiple Columns... Tym razem pokażę wam w jaki sposób dokonać podziału tekstu na kilka kolumn jak z dowolnej gazety. Ważną zaletą tej metody jest to, że podział będzie d...
Padający śnieg – zimowa animacja z CSS Dziś pokaże wam jak zrobić prostą świąteczną animacje - padający śnieg w CSS. Na początek przygotowałam 3 podobne obrazki z płatkami śniegu w forma...
Wyśrodkowanie w poziomie za pomocą CSS Istnieje kilka metod na wyśrodkowanie poziomie div-a lub innego elementu strony w większości jest to związane z innymi ustawieniami takimi jak miejsce...
Obramowanie na stronie – CSS Obramowanie (tzw. ramka) stanowi istotny element strony internetowej nie tylko w przypadku tabel, może ono np. stanowić bardzo ciekawą dekoracją (np. ...

Dodaj komentarz

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