| Autor | Zpráva | ||
|---|---|---|---|
| srigi Profil |
#1 · Zasláno: 3. 9. 2009, 23:19:13
Vyvíjam kód určený pre IE6, ktorý v podstate emuluje position:fixed. Mam teda blok kódu, v ktorom "štýlujem" DIV, okrem ineho position:absolute, top:xyz px. Nakoľko ale kcem aby element bol na stránke prikovaný, potrebujem volať funkciu na prepočet CSS vlastnosti top vždy pri evente scroll. Pri definovaní event handlera ale nie je možné predávať do funkcie parametre, musím si teda element znova "dohľadať" v DOMe. Kód:
function calculateOffsetY()
{
var hgh = null;
var box = document.getElementById('msgbox');
box.style.top = (((hgh = document.documentElement.scrollTop) ? hgh : document.body.scrollTop)) + (box.offsetHeight / 2);
}
function fixdiv()
{
var box = document.getElementById('msgbox');
box.style.backgroundColor = '#fff';
box.style.border = '5px solid navy';
box.style.position = 'absolute';
box.style.width = '400px';
box.style.left = (document.body.clientWidth / 2) - (aaa.offsetWidth / 2); // centruj H
calculateOffsetY(); // Centruj V
window.attachEvent('onscroll', calculateOffsetY); // vycentruj pri scrollovani
}
window.attachEvent('onload', fixdiv);
Nemáte niekto tip ako si DOM objekt #msgbox "nakešovať"? Kód bude v podmienenom komentári IE6 lte. THX. |
||
| Chamurappi Profil |
#2 · Zasláno: 6. 9. 2009, 03:00:39 · Upravil/a: Chamurappi
Reaguji na srigiho:
„Pri definovaní event handlera ale nie je možné predávať do funkcie parametre“ Ale pokud je ta funkce nadefinovaná přímo uvnitř stejného kontextu, může pracovat se stejnými proměnnými. function fixdiv()
{
var box = document.getElementById('msgbox');
// atd.
window.attachEvent('onscroll', function()
{
var hgh = null;
box.style.top = (((hgh = document.documentElement.scrollTop) ? hgh : document.body.scrollTop)) + (box.offsetHeight / 2);
}); // vycentruj pri scrollovani
} |
||
|
Časová prodleva: 15 let
|
|||
0