Interakcjie
JavaScript jest poręcznym instrumentem, ale pisanie setek wierszy kodu tylko po to, by emulować coś, co powinno być obsługiwane przez przeglądarkę, może czasami oznaczać próbę pacnięcia muchy za pomocą młota kowalskiego.
CSS nadrabia zaległości, a właściwości takie jak CSS Scroll Snap dają większą kontrolę nad zachowaniem przeglądarki, bez konieczności pisania JavaScript.
Przegląd użycia
Rozmiar zewnętrznego okręgu okręgu odpowiada całkowitej liczbie użytkowników, którzy wiedzą o danej funkcji, podczas gdy wewnętrzna reprezentuje tych, którzy faktycznie z niej korzystali.
Najedź kursorem na każdy węzeł, aby wyświetlić szczegółowe dane wraz z nakładką reprezentującą całkowitą liczbę respondentów ankiety.
Wykorzystanie według lat doświadczenia
Kolumna „ogólna” pokazuje całkowite wykorzystanie dla każdej funkcji (respondenci, którzy wybrali „użyłem tego”), podczas gdy poniższe kolumny pokazują współczynnik wykorzystania dla każdego przedziału „lat doświadczenia”.
Jaśniejsze różowe tło wskazuje stosunek wyższy niż średnia dla danego nawiasu.
Scroll Snap
CSS Scroll Snap is a module of CSS that introduces scroll snap positions, which enforce the scroll positions that a scroll container’s scrollport may end at after a scrolling operation has completed.
Dowiedz się więcej
overscroll-behavior
The overscroll-behavior
CSS property sets what a browser does when reaching the boundary of a scrolling area. It's a shorthand for overscroll-behavior-x
and overscroll-behavior-y
.
Dowiedz się więcej
overflow-anchor
The overflow-anchor
CSS property provides a way to opt out of the browser's scroll anchoring behavior, which adjusts scroll position to minimize content shifts.