Ujawnianie sekcji przy przewijaniu
Sekcje nie pojawiają się wszystkie naraz, tylko wjeżdżą na ekran jedna po drugiej, w obie strony przewijania.
Przewiń w dół, a potem z powrotem w górę. Poniższe karty ujawniają się tak samo jak sekcje na całej tej witrynie.
- 1Sekcja czeka za krawędziąDopóki jej nie widać, jest lekko przesunięta i przezroczysta.
- 2Wjeżdża, gdy do niej dojedzieszPrzewijasz w dół - wchodzi od dołu. Przewijasz w górę - wchodzi od góry.
- 3Kafelki wchodzą po koleiKarty w jednym rzędzie pojawiają się z krótkim odstępem, jedna za drugą.
- 4Początek strony stoi w miejscuCo widać od razu po wejściu, nie jest ruszane - nic nie mignie i nie spowolni ładowania.
- 5Układ się nie przesuwaZmienia się tylko przezroczystość i położenie, więc tekst nie skacze (CLS 0).
- 6Ograniczony ruch = bez animacjiPrzy włączonym w systemie ograniczeniu ruchu wszystko jest od razu widoczne.
Co to daje
Każda sekcja wchodzi lekkim ruchem z dołu (przy przewijaniu w dół) albo z góry (w górę), a kafelki w jednym rzędzie wchodzą po kolei. To tylko zmiana przezroczystości i położenia, więc tekst nie skacze, a początek strony ładuje się bez opóźnienia.
Kiedy to ma sens
Dla stron z kilkoma sekcjami pod sobą: oferta, realizacje, etapy pracy. Nie ma sensu na krótkiej stronie mieszczącej się w jednym ekranie.
Ile waży
Skrypt ma 0,7 kB i jest już wliczony w każdą podstronę tej witryny. Układ się nie przesuwa (CLS 0), a przy ograniczeniu ruchu w systemie wszystko jest od razu widoczne.
Skrypt 0,7 kB · style 0,5 kB (po kompresji)