Przewijanie sekcji na całej stronie
DoDivi
Przewiń sekcję Divizamienia normalne przewijanie w eleganckie doświadczenie pełnoekranowe: strona przesuwa się z jednej sekcji Divi do drugiej dzięki płynnej, konfigurowalnej animacji. Idealny do stron docelowych, portfolio i witryn jednostronicowych.
Pobierz Divi Przewiń sekcję → Dostępne na oficjalnym rynku DiviZobacz to w akcji
Jeden zwój. Jedna sekcja. Zero tarcia.
Zamiast swobodnego przewijania, każde poruszenie kółkiem myszy, przesunięcie lub naciśnięcie klawisza powoduje przesunięcie widoku do następnej sekcji Divi — na przykład pełnostronicowych witryn premium, które widzisz w prezentacjach projektów.
Wydaje się drogie. Instaluje się w ciągu minuty.
Aktywuj wtyczkę, zaznacz żądane strony, zapisz. Twoi odwiedzający mogą błyskawicznie przyciągać sekcje dzięki nawigacji z bocznymi kropkami — bez kodu i bez gimnastyki tworzenia stron.
- Kółko myszy
- Przesunięcia dotykowe z regulowanym progiem
- Pełna obsługa klawiatury: strzałki, strona w górę/w dół, spacja, strona główna
- Klikalna nawigacja punktowa z podpowiedziami nazw sekcji
- Opcjonalna odbijająca się strzałka przewijania w dół, która ukrywa się w ostatniej sekcji
Jak to działa
Od instalacji do pełnej strony w trzech krokach
Zainstalować
Prześlij wtyczkę jak każdą inną wtyczkę WordPress. W panelu administratora pojawi się nowe menu „Przewijanie sekcji”.
Wybierz swoje strony
Użyj selektora stron z możliwością przeszukiwania, aby umożliwić przewijanie sekcji na wybranych stronach — lub jednym kliknięciem włącz je w całej witrynie.
Dostosuj wrażenia
Wybierz prędkość, wygładzenie, styl kropki i kolory, korzystając z podglądu na żywo. Zapisz, a Twoja strona Divi będzie się przewijać jak witryna prezentacyjna.
Dlaczego to wybrać
Wszystko, co powinna robić pełnostronicowa wtyczka — zrobione dobrze
Prawdziwe natywne przewijanie
Silnik animuje rzeczywistą pozycję przewijania przeglądarki, zamiast przekształcać stronę — dlatego paralaksa Divi, lepkie elementy i efekty przewijania działają dokładnie tak, jak zostały zaprojektowane.
Kontrola na stronę
Przeszukiwalny selektor stron z opcją zaznacz wszystko/wyczyść umożliwia przewijanie całej strony dokładnie tam, gdzie należy — strony docelowe tak, posty na blogu nie.
Obsługa wysokich sekcji
Sekcje wyższe niż ekran przewijają się naturalnie wewnątrz siebie, a następnie przesuwają się dalej. Długie treści nigdy nie są obcinane.
Piękna nawigacja punktowa
Kropki, linie lub kwadraty — po lewej lub prawej stronie, niestandardowy rozmiar i kolory, podpowiedzi pokazujące nazwę sekcji oraz podgląd na żywo bezpośrednio w ustawieniach.
Linki kotwiczne
Elementy menu wskazujące sekcję przesuwają się do niej z tą samą animacją. Opcjonalne aktualizacje skrótu adresu URL oznaczają, że udostępnione linki trafiają do prawej sekcji.
Obsługuje stopkę
Dołącz stopkę jako końcowy przystanek przewijania lub pomiń ją — w obu przypadkach nic na Twojej stronie nie stanie się nieosiągalne.
Przyjazny dla urządzeń mobilnych
Dotykaj przesuwania z regulowanym progiem lub wróć do normalnego przewijania poniżej konfigurowalnego punktu przerwania (980 pikseli odpowiada punktowi przerwania tabletu Divi).
Dostępne domyślnie
Respektuje preferencje odwiedzającego dotyczące ograniczonego ruchu, prawdziwe przyciski z etykietami ARIA, zarządzanie fokusem i spójną kolejność zakładek.
Lekki
Waniliowy JavaScript na interfejsie — bez jQuery i bez ciężkich bibliotek. Zasoby ładują się tylko na stronach, na których aktywne jest przewijanie sekcji.
Diwi 5
Celuje w sekcje Divi w Divi 4 i Divi 5, automatycznie ignoruje obszary szablonów nagłówka/stopki i nigdy nie koliduje z Visual Builderem.
Sześć krzywych łagodzenia
Od miękkiego, swobodnego wejścia do subtelnego „przekroczenia” z czasem przejścia od 200 do 3000 ms – znajdź dokładny charakter swojej marki.
Przyjazny dla programistów
Mały JavaScript API (next, prev, goTo…), zdarzenie DOM dss:change przy każdej zmianie sekcji, filtry WordPress i niestandardowy selektor sekcji.
Pełna kontrola
Każda opcja, jedna czysta strona ustawień
Żadnych rozproszonych opcji, żadnych skrótów do zapamiętania. Wszystko steruje jednym nowoczesnym ekranem ustawień — z podglądem nawigacji po punktach na żywo podczas wprowadzania zmian.
Gdzie to działa
- Wybrane strony lub wszystkie strony
- Selektor stron z możliwością przeszukiwania
- Zaznacz wszystkie/wyczyść skróty
- Odznaka na pierwszej stronie
Przewiń Zachowanie
- Czas przejścia (200–3000 ms)
- 6 łagodnych krzywizn
- Klawiatura
- Przesuń próg
- Swobodne przewijanie w wysokich sekcjach
- Zatrzymanie stopki, tryb pętli
- Linki kotwiczne
Interfejs nawigacji
- Kropki, linie lub kwadraty
- Pozycja lewa lub prawa
- Rozmiar
- Etykietki nazw sekcji
- Kolor strzałki przewijania w dół
- Podgląd na żywo
Przenośny
- Mobilny awaryjny punkt przerwania
- Wsparcie przy ograniczonym ruchu
- Przesunięcie nagłówka o stałym nagłówku
- Indeks Z nawigacji
- Niestandardowy selektor sekcji
Często zadawane pytania
Często zadawane pytania
Czy paralaksa Divi, elementy lepkie i efekty przewijania nadal działają
Tak. Wtyczka animuje natywną pozycję przewijania przeglądarki, zamiast przekształcać stronę za pomocą CSS, dzięki czemu wszystko, co reaguje na przewijanie, działa dokładnie tak, jak zostało zaprojektowane.
Co dzieje się z sekcjami wyższymi niż ekran
Po włączeniu opcji „swobodne przewijanie w wysokich sekcjach” (domyślnie) wysoka sekcja przewija się normalnie wewnątrz siebie; po dotarciu do jego krawędzi następny zwój zostanie przeniesiony do następnej sekcji. Nic nie zostaje obcięte.
Czy przejmuje przewijanie w kreatorze Divi
Nie. Silnik nigdy nie ładuje się w narzędziu Visual Builder, Customizerze ani podglądach — edycja pozostaje całkowicie nienaruszona.
Czy mogę wywołać zmiany sekcji z własnych przycisków?
Tak. Wskaż dowolny link na identyfikator CSS sekcji, a płynna obsługa kotwicy go wychwyci, lub wywołaj bezpośrednio API JavaScript, np.DiviSectionScroll.goTo(2).
Nadaj swoim stronom Divi wrażenie pełnej strony
Dołącz do właścicieli witryn Divi, którzy zamienili zwykłe strony w wciągające doświadczenia sekcja po sekcji — w ciągu kilku minut, bez wiersza kodu.
Kup sekcję Divi Przewiń na rynku Divi → Autor: Divi Layouts Pro — oficjalny autor Divi Marketplace