25 sierpnia 2021 / Michał Kortas
Czy spotkałeś się z elementami na stronach internetowych, których przesuwanie i przeglądanie na urządzeniu mobilnym wołało o pomstę do nieba? Na pewno tak. To choćby różnego rodzaju karty informacyjne lub zdjęcia w galerii. Istnieje jednak sposób, który znacznie uprzyjemni korzystanie z nich, a wymaga dodania jedynie kilku linijek w CSS i znany jest pod nazwą Scroll-Snap. Continue reading Scroll Snap – polepszanie zachowania przesuwanych elementów
Tagi: css • scroll behavior • scroll-snap
2 października 2020 / Michał Kortas
To już kolejne odświeżenie tematu płynnego przewijania strony. Wcześniejsze dwie wersje jednego z bardziej popularnych wpisów na blogu opierały się na JavaScript. Lata minęły i można już śmiało użyć w tym celu możliwości czystego CSSa. Co prawda, nie wszędzie poniższy przykład zadziała, jednak pomijanie Internet Explorera stało się wreszcie upragnionym standardem ;-)
Cały czas można wesprzeć się awaryjnie JavaScriptem, ten temat zwięźle opisał u siebie WebKrytyk.
Continue reading Płynne przewijanie strony – smooth-behavior: scroll
Tagi: kotwice • płynne przewijanie • scroll behavior • smooth • smooth scrolling
table thead th {
top: 0;
left: 0;
}
Temat
A jak ustawić div w elemencie html aby tam było w treści samego div jego rozmiary.2023-05-12 08:36:52