Přeskočit na obsah
CSS chybyInformace
Scroll snap not working

Scroll Snap nefunguje

CSS přichytávání při posouvání se nechová podle očekávání.

browser

Co způsobuje tuto chybu

Posouvací kontejner potřebuje scroll-snap-type a podřízené prvky potřebují scroll-snap-align. Na kontejneru musí být správně nastaveno overflow. Vnitřní odsazení a okraje mohou zasahovat do bodů přichycení.

Jak to opravit

Přidejte scroll-snap-type ke kontejneru a scroll-snap-align k podřízeným prvkům. Na kontejneru nastavte overflow: auto nebo overflow: scroll. Ověřte, že kontejner má definovanou velikost. Zkontrolujte body přichycení pomocí DevTools.

Oficiální dokumentace

Související chybové kódy