Sticky sidebar w Divi — przyklejony pasek boczny
Sticky sidebar (przyklejony pasek boczny) to pasek, który zawsze pozostaje widoczny przy scrollu. Idealny dla bloga (CTA do pobrania ebooka), sklepu (mini koszyk), strony z dużą ilością treści (Table of Contents).
Sposób 1: Wbudowane Sticky Position
Od Divi 4.6+ sekcje, wiersze i moduły mają opcję Position → Sticky. Otwórz sidebar wiersz, przejdź do Advanced → Position → Sticky Position → Stick to Top. To wszystko.
Sposób 2: CSS pure
Jeśli wbudowane sticky nie działa idealnie, użyj custom CSS:
.sidebar-sticky {
position: sticky;
top: 80px;
height: fit-content;
}Sposób 3: jQuery sticky-sidebar
Dla bardziej zaawansowanych efektów (zatrzymanie przy końcu kontenera) użyj jQuery sticky-sidebar.
Najlepsze użycie sticky sidebar
- Bloga: Table of Contents + CTA do newslettera
- Sklep: filtry produktów
- Single product: dodatkowe pola (gwarancje, dostawa, zwroty)
- Pricing page: porównanie planów scrollowane
