Zadejte hledaný výraz...
Jakub Glos
Webtrh.cz
Vývoj webových stránek na WordPressu a proklientský přístup pro freelancery
Třídenní infromacemi nabitý prezenční + online kurz v Praze od Webtrhu pouze za 2 871 Kč
Více informací

CSS: position static, ale jen v rámci rodičovského elementu

crs
verified
rating uzivatele
(1 hodnocení)
22. 12. 2021 20:39:58
Zdravím.
Chtěl bych na svých stránkách (které sestávají z dlouhých kapitol, mnohokrát delších než okno) mít plovoucí odkaz, kliknutí na nějž by mě přesunulo na začátek té dané kapitoly. Odkaz by byl vztažený ke svému rodičovskému prvku a držel by se vždy v něm; staticky by 'plaval' např. u jeho pravého okraje - při posunutí stránky by se stále držel viditelný, ale v okamžiku, kdy by se při scrollování blížil konec jeho rodiče, by se na úplném konci zarazil na jeho konci a začal posouvat, aby zůstal uvnitř.
Dá se něco takového udělat ryze v CSS? Nebo musím použít JavaScript? Jak by vypadala nejčistší implementace?
Díky moc.
22. 12. 2021 20:39:58
https://webtrh.cz/diskuse/css-position-static-ale-jen-v-ramci-rodicovskeho-elementu/#reply1495641
Tomáš Marek
verified
rating uzivatele
(23 hodnocení)
22. 12. 2021 21:39:36
position: sticky; :D
22. 12. 2021 21:39:36
https://webtrh.cz/diskuse/css-position-static-ale-jen-v-ramci-rodicovskeho-elementu/#reply1495640
crs
verified
rating uzivatele
(1 hodnocení)
23. 12. 2021 02:56:14
Napsal streetcz;1637173
position: sticky; :D
Díky.
23. 12. 2021 02:56:14
https://webtrh.cz/diskuse/css-position-static-ale-jen-v-ramci-rodicovskeho-elementu/#reply1495639
Pro odpověď se přihlašte.
Přihlásit