 PHP beginner |
|
Oké, position:fixed wordt dus niet ondersteund door Internet Explorer. Hoe kan ik dit oplossen als ik toch een meeslepend divje wil?
IE: Bij elke onscroll gaat het divje naar boven/beneden, stottert een beetje maar werkt wel.
FF: Fixed werkt hier gewoon.
Probleem: Op kleinere beeldschermen zal je het divje niet zien omdat het telkens naar onder scrollt wanneer jij ook scrollt. We hebben vanalles geprobeert maar komen er niet uit.
var pxtop;
function move_div(div_naam)
{
// Check browser
var y=0;
if(self.pageYOffset) // Alles browsers op IE na
{
y = self.pageYOffset;
}
else if(document.documentElement && document.documentElement.scrollTop) // IE 6 Strict
{
y = document.documentElement.scrollTop;
}
else if(document.body) // Rest van de IE's
{
y = document.body.clientHeight;
}
if(y==1714 || y==1758)
{
y=0;
}
if(!pxtop)
{
pxtop = document.getElementById(div_naam).style.top;
pxtop = pxtop.substr(0,(pxtop.length - 2));
}
y+=Number(pxtop);
var offsetstr = y.toString() + "px";
document.getElementById(div_naam).style.top = offsetstr;
}
var pxtop; function move_div(div_naam) { // Check browser var y=0; if(self.pageYOffset) // Alles browsers op IE na { y = self.pageYOffset; } else if(document.documentElement && document.documentElement.scrollTop) // IE 6 Strict { y = document.documentElement.scrollTop; } else if(document.body) // Rest van de IE's { y = document.body.clientHeight; } if(y==1714 || y==1758) { y=0; } if(!pxtop) { pxtop = document.getElementById(div_naam).style.top; pxtop = pxtop.substr(0,(pxtop.length - 2)); } y+=Number(pxtop); var offsetstr = y.toString() + "px"; document.getElementById(div_naam).style.top = offsetstr; }
De fixed methode proberen we hier nog NIET, hier is het gewoon het verslepen van het divje.
|
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
