| Autor | Zpráva | ||
|---|---|---|---|
| Milkys Profil |
Čest práci všem,
mohl by mi prosím někdo vysvětlit na základě čeho se baner vpravo "rozjede" nebo "zastaví". Zde je ukázka: ukázka Asi js tam mění position na absolute nebo fixed. Zajímalo by mně jak script pozná místo kdy to změnit. Stačí i odkaz kde o podobném "mechanizmu" píší. Děkuji za reakce. |
||
| soucekgns Profil |
#2 · Zasláno: 10. 4. 2013, 17:14:13
Milkys:
„Asi js tam mění position na absolute nebo fixed.“ přesně tak:) komplexní kód s jquery je zde jquery-scrollspy jinak zkus něco odsud, asi scrollTop nebo offsetTop |
||
| Str4wberry Profil |
#3 · Zasláno: 10. 4. 2013, 17:21:46
JS umí zjistit počet pixelů o kolik je odrolováno (
scrollTop) a počet pixelů odshora daného elementu* (offsetTop). Tyto hodnoty stačí při window.onscroll porovnat a podle toho stanovit „absolute nebo fixed“.
Před časem jsem vytvořil ukázku. *) Ten počet se vztahuje k nejbližšímu nadřazenému elementu s nastavenou posicí. |
||
| Milkys Profil |
#4 · Zasláno: 10. 4. 2013, 17:33:00 · Upravil/a: Milkys
soucekgns:
jquery kvůli tomu nebudu používat, zkusím mrknout na to na druhém ř. Děkuji. Str4wberry: BINGO, to je ono, hned kouknu na ukázku. Mockrát děkuji. |
||
|
Časová prodleva: 4 dny
|
|||
| Milkys Profil |
Str4wberry:
funguje to dobře akorát se spodek bočního sidebaru nezastaví nad patičkou. Dá se to bez jquery? Čím se to dá udělat? Co mám hledat? |
||
| Str4wberry Profil |
#6 · Zasláno: 14. 4. 2013, 14:24:26
„Dá se to bez jquery?“
Bez jQuery se dá udělat vše. Je to jen JS framework, který z podstaty (je psaný v JS) nemůže nic navíc umět. Udělat to samozřejmě lze. Stačí vymyslet stav, při kterém se má boční sloupec zastavit. |
||
| Milkys Profil |
Str4wberry:
Stačí vymyslet stav, při kterém se má boční sloupec zastavit. Jakmile spodní okraj divu "sidebar" narazí na horní okraj divu "paticka". |
||
| Milkys Profil |
#8 · Zasláno: 15. 4. 2013, 08:50:42
Jak poznám, že se tak stalo?
Potom už asi vím jak dál - v tom okamžiku nastavím divu sidebar position: relative a do top: výška po patičku minus výška div sidebar pomocí js. |
||
| Milkys Profil |
#9 · Zasláno: 16. 4. 2013, 09:42:35
Str4wberry:
„JS umí zjistit počet pixelů o kolik je odrolováno (scrollTop) a počet pixelů odshora daného elementu* (offsetTop). Tyto hodnoty stačí při window.onscroll porovnat a podle toho stanovit ‚absolute nebo fixed‘.“ Tohle pomohlo, vyřešeno. Děkuji Str4wberry. |
||
|
Časová prodleva: 11 let
|
|||
0