Návody, jak reagovat na rolování uživatele po stránce, scrollování zakázat nebo podle něj zvýrazňovat odkazy.
Návody, jak reagovat na rolování uživatele po stránce, scrollování zakázat nebo podle něj zvýrazňovat odkazy.
<iframe>
Jak pomocí CSS skrýt scrollbar u stránky vložené přes <iframe>
.
position: sticky
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.
overflow-anchor
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?
location.hash
bez posunu stránky
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.
:target
)
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.