Autor | Zpráva | ||
---|---|---|---|
fimmos Profil |
#1 · Zasláno: 24. 1. 2009, 12:07:45
Zdravím,
potřebuji udělat na stránce reklamní banner, který by při rolování stránky zůstával na stále stejné pozici. Představuji si řešení jako mají sky scrapery na novinky.cz 1. Pokud jsem na stránce nahoře, tak banner je napravo zhruba 200px od horního okraje stránky. (Řešení pomocí position: fixed) Viz. obrázek 2. Pokud by se rolovalo stránkou, banner by se posouval zároveň se stránkou, ovšem nebyl by pořád 200px od horního okraje, ale nahoře, čili 0px. Viz. obrázek Umí toto někdo prosím vyřešit? Jde mi jen o to, aby při rolování byl pak úplně nahoře, ne 200px. Děkuji |
||
DJ Miky Profil |
#2 · Zasláno: 24. 1. 2009, 13:28:27 · Upravil/a: DJ Miky
Tohle bude vyřešené pomocí JavaScriptu, kde se bude v <body onscroll="..."> odchytávat document.body.scrollTop a v nějaké funkci se bude porovnávat <=200, třeba takto:
<body onscroll="if(document.body.scrollTop<200) var pozice=210; else var pozice=document.body.scrollTop+10; document.getElementById('reklama').style.top=pozice+'px'"> <img src="reklama.jpg" id="reklama" style="position:absolute;top:200px;"> </body> |
||
Časová prodleva: 10 dní
|
|||
mojmirus Profil |
#3 · Zasláno: 3. 2. 2009, 15:31:23
Měl bych pls jednu velmi podobnou věc. Pokud mám v divu , který je dejme tomu 600px, nějaký text - tabulky např.
Obrázek "reklama.jpg" je po celé šířce divu. A dá se nějak zařídit, aby při rolování ten text nebyl skrytý pod obrázkem , ale aby poskočil nad něj nebo pod něj. Záleží na směru rolování. Díky |
||
Časová prodleva: 15 let
|
0