» Poradna » Web a internet

Změna background-position v závislosti na míře "srolování"

 |   |  Microsoft Windows 8.1 Chrome 63.0.3239.132

Zdravím,řeším už déle následující problém a furt se nemůžu dopracovat k řešení. Mým cílem je mít na pozadí stránky obrázek, který ji vyplňuje celou (→ background-size: cover;) a však v závislosti na délce textu se obrázek posouvá takovou rychlostí, aby se sroloval na svůj konec přesně na konci stránky a nemusel se tak opakovat. Tzn. na začátku stránku bude background-position-y: 0%; a na konci background-position-y: 100%. Nezná někdo script, kterým by se dala tato věc dokázat?

Odpovědi na otázku

 |   |  Unknown Chrome 52.0

Říká se tomu parallax efect, zkus ještě pogooglit.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 8.1 Chrome 63.0.3239.132

Na parallax efect jsem již narazil a to není to co jsem myslel. V mém případě potřebuji, aby se obrázek ve formě pozadí body pohyboval - roloval, avšak chci se vyhnout opakování obrázku v případě delších textů na stránce.

Souhlasím  |  Nesouhlasím  |  Odpovědět

Související témata: Blog, Cover


Určitě si přečtěte

Vybrali jsme 21 programovatelných hraček a stavebnic pro děti i jejich rodiče

Vybrali jsme 21 programovatelných hraček a stavebnic pro děti i jejich rodiče

** Získejte děti pro matematiku a základy techniky ** Kupte jim hračku nebo stavebnici, které vdechnou vlastní život ** Vybrali jsme 21 stavebnic pro malé caparty i budoucí experty na A.I.

Jakub Čížek | 11

Vyzkoušeli jsme TP-Link Deco P9: zajistí doma Wi-Fi díky drátům ve zdi

Vyzkoušeli jsme TP-Link Deco P9: zajistí doma Wi-Fi díky drátům ve zdi

** Nová generace Mesh Wi-Fi s propojením přes elektrické rozvody ** Lepší parametry a nižší cena než u předchůdce ** Aplikace zatím podporuje jen základní nastavení bez rozšířených funkcí

Tomáš Holčík | 23



Aktuální číslo časopisu Computer

Test 9 bezdrátových reproduktorů

Jak ovládnout Instagram

Test levných 27" herních monitorů

Jak se zbavit nepotřebných věcí na internetu