Hallo,
ich stehe gerade vor einem Problem das ich im IE 6 nicht gelöst bekomme.
Ich habe einen Div in dem ein Menü ist. Dieser Div soll wenn gescrollt wird ab einer bestimmten Höhe mitlaufen. Kurz mein sichtbarer Bereich ist 100px hoch, mein Menü 150px und mein Content 400px. Ich scrolle bis 200px und das Menü soll normal nach oben verschwinden. Ab 200px soll das Menü dann aber mitlaufen bis zum Ende des Contents.
Ich hoffe mal das ist so einigermaßen verständlich
So jetzt sieht zunächst meine Formatierung des DIV so aus:
mein Script das das mitlaufen erzeugt sieht so aus:
Die CSS Angaben lassen sich jedoch nicht über JavaScript anwenden:
div.position='expression("absolute");';
div.top='expression(parseInt(document.body.scrollTop))';
Wie bekomme ich das jetzt in den Griff? Ich habe mir schon andere Scripte heruntergeladen, die sind jedoch so aufgebaut das ich immer das Menü an das Scropt übergeben muss und das will ich nicht!
Julian
ich stehe gerade vor einem Problem das ich im IE 6 nicht gelöst bekomme.
Ich habe einen Div in dem ein Menü ist. Dieser Div soll wenn gescrollt wird ab einer bestimmten Höhe mitlaufen. Kurz mein sichtbarer Bereich ist 100px hoch, mein Menü 150px und mein Content 400px. Ich scrolle bis 200px und das Menü soll normal nach oben verschwinden. Ab 200px soll das Menü dann aber mitlaufen bis zum Ende des Contents.
Ich hoffe mal das ist so einigermaßen verständlich
So jetzt sieht zunächst meine Formatierung des DIV so aus:
HTML:
#hauptmenu_div{
position: expression("absolute");
top: expression(parseInt(document.body.scrollTop));
top:224px;
overflow:auto
}mein Script das das mitlaufen erzeugt sieht so aus:
HTML:
function menu(){
var height = document.getElementById('hauptmenu_div').offsetHeight;
if(window.pageYOffset >= height-200 || document.body.scrollTop >= height-200){
var div = document.getElementById('hauptmenu_div').style;
if(navigator.appName == 'Netscape'){
div.position='fixed';
div.top='0px';
}else{
div.position='expression("absolute");';
div.top='expression(parseInt(document.body.scrollTop))';
}
}
else{
var div = document.getElementById('hauptmenu_div').style;
div.position='absolute';
div.top='224px';
}
window.setTimeout("menu()",50)
}Die CSS Angaben lassen sich jedoch nicht über JavaScript anwenden:
div.position='expression("absolute");';
div.top='expression(parseInt(document.body.scrollTop))';
Wie bekomme ich das jetzt in den Griff? Ich habe mir schon andere Scripte heruntergeladen, die sind jedoch so aufgebaut das ich immer das Menü an das Scropt übergeben muss und das will ich nicht!
Julian
