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ż

Dopasowywanie tekstu do kształtu obrazka – C... Jak sam tytuł mówi tym razem zajmę się dopasowaniem tekstu do kształtu obrazka, nie zrobię tego jednak w formie grafiki lecz na żywym tekście (czyli t...
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...
Pozycjonowanie obrazka z CSS – object-positi... object-position służy do określania pozycji początkowej wybranego elementu HTML w kontenerze. Chodzi elementy takie jak img, embed, object czy video. ...
Zmiana rozmiaru fontu na stronie z HTML Rozmiar fontu (czcionki elektronicznej) na stronie można zmienić na kilka sposobów jednym z nich jest zastosowanie znacznika HTML . Roz...