Autor Zpráva
Karambéo
Profil *
Jako funguje například tady? https://medium.com/@Thomas_Danthony/illustrating-for-medium-45088765decc

Když uživatel scrolluje dolů, horní lišta zmizí. Když scrolluje nahoru, lišta se objeví.

Existuje na to nějaké elegantní a jednoduché řešení?
Keeehi
Profil
Karambéo:
Na mobilu žádný panel nevidím ale myslím ze vím o co jde. Panel se nahoře udrží pomocí position fixed nebo absolute. To schovávání musí obstarat javascript ale to není nic těžkého. Mel by to být celkem krátký kód reagující na událost scroll.
Karambéo
Profil *
Ok, a poradíš mi ještě, kde takový javascript najít?
Str4wberry
Profil
No, v zásadě stačí detekovat, když se roluje nahoru a v takovém případě lištu zafixovat a naopak.
Chamurappi
Profil
Reaguji na Karambéa:
Mně osobně taková lišta přijde strašně iritující. Brání mi svobodně rolovat – kdykoliv se pohnu jiným směrem, než při posledním pohybu, lišta pomyslně křičí „haló, jsem tady, koukni na mě!“… podvědomě se pak snažím směr rolování neměnit, abych se nepříjemnému vyrušení vyhnul.

Stav narolování se zjistí z výrazu window.pageYOffset || document.documentElement.scrollTop. Změna narolování vyvolává událost onscroll.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: