Scrollování

Návody, jak reagovat na rolování uživatele po stránce, scrollování zakázat nebo podle něj zvýrazňovat odkazy.

Všechny články z kategorie

Jak pomocí CSS skrýt scrollbar u stránky vložené přes <iframe>.

CSS sticky posice umožňuje bez JS zafixovat element ke kraji okna při rolování.

Jak pouze v CSS měnit pozadí elementu v závislosti na odscrollování na stránce.

CSS vlastnost overflow-anchor umožňuje nastavit, jak si má prohlížeč pamatovat, kam bylo odscrollováno.

Jaká je šířka posuvníku v různých prohlížečích.

Jaké jsou možnosti ve stylování vzhledu posuvníku.

Jak odscrollovat na určitou část stránky bez JavaScriptu.

Je lepší nekonečné rolování, klasické stránkování nebo tlačítko „Zobrazit další“?

Kdy vytvářet web o jediné stránce. Jaké jsou výhody a nevýhody.

CSS vlastnost scroll-snap dokáže řídit rolování, aby přeskakovalo mezi jednotlivými elementy.

Jak zabránit, aby centrovaný obsah stránky měli posici v závislosti na posuvníku.

Jak JavaScriptem zjistit, jakým směrem uživatel na stránce roluje.

Při použití fixního menu/hlavičky se stane nepěkná věc, že při odkazu na kotvu je cíl skryt pod menu. Co s tím?

Jak změnit location.hash bez posunutí stránky.

Někdy se hodí zamezit uživateli v rolování, jaké existují možnosti?

U jednostránkových webů s fixní navigací (s odkazy na #kotvy) může být vhodné právě viditelnou (aktivní) položku zvýraznit.

Nestačí-li běžné odrolování na HTML #kotvu, přichází na řadu JavaScript.

Pokud se v rámci stránky používají odkazy na jednotlivé #části, může být vhodné zvýrazněním ukázat, kam odkaz mířil.