Toon posts:

[JS] Floating DIV binnenin DIV & Netscape

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik heb een floating DIV binnen een DIV.
De floating DIV noem ik even floatingtDIV en de andere noem ik even de contentDIV, om verwarring te voorkomen.

Nu komt de content van de pagina in de contentDIV. De contentDIV heeft
als style optie overfow op auto staan, dus je kan scrollen in de contentDIV.
Zodra er gescrolld wordt moet de floatingDIV meegaan BINNEN de contentDIV
Dit heb ik allemaal voor elkaar voor Internet Explorer en bijna voor Netscape
op 1 ding na. Ik krijg niet de scolltop te pakken van de contentDIV.

Onder IE krijg ik de waarde als volgt te pakken

document.getElementById("contentDIV").scrollTop

echter onder netscape had ik iets gedacht als:

document.layers["Page"].pageYOffset

echter dit is dus undefined. Heb al overal gezocht maar kan t nog niet vinden iemand een idee ?

Verwijderd

Netscape wat? 6? 7?
Alle Netscapes hebben een redelijk uitgebreide JavaScript console. Versies 6 en hoger zelfs een heel uitgebreide debugger. Open die eens en ga daar mee aan de slag.

Verwijderd

Topicstarter
Netscape 6.x en hoger
Echter ben ik ook met die debugger aan de gang geweest
echter is t probleem dat ik de functie aanroep gewoonweg niet weet, dus
valt er ook niks te debuggen. En alle logische vormen heb ik al gehad. Dus misschien
is er een workaround om de scrolltop van een layer met als style overflow auto op te halen

Verwijderd

document.layers is sowieso een no-go, dat is nl. ns 4.x Volgens mij werkt NS 6.x ook met scrollTop.

kijk hier maar even, staat genoeg,
http://www.xs4all.nl/~ppk/js/doctypes.html

Verwijderd

Topicstarter
ok als ik dus op die pagina kijk onder netscape dan krijg ik dus te zien wat ik ook als eerste
had gepost: de scrolltop is undefined , ik wil dus de pageYOffset van de
contentDIV te pakken Krijgen.

document.body

clientHeight = undefined
clientWidth = undefined
scrollHeight = undefined
scrollWidth = undefined
scrollLeft = undefined
scrollTop = undefined
offsetHeight = 751
offsetWidth = 851

document.documentElement

clientHeight = undefined
clientWidth = undefined
scrollHeight = undefined
scrollWidth = undefined
scrollLeft = undefined
scrollTop = undefined
offsetHeight = 779
offsetWidth = 859

Verwijderd

toch lukt het mij wel, althans in dit simpele voorbeeldje met 1 divje:

http://www.drunk.nl/tweakers/scrolltop.htm

Verwijderd

Topicstarter
Dit werkt onder IE, maar niet onder de netscape die ik gebruik (versie 6.2)
in de about :
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:0.9.4.1) Gecko/20020314 Netscape6/6.2.2

Verwijderd

oh vandaar, mijn mozilla versie is iets nieuwer (1.4b) het is dus een bug en daar kan jij niets aan doen... upgraden dus (in NS 7 doet ie het trouwens wel.)

Verwijderd

Topicstarter
ok, maar is er dan geen workaround beschikbaar voor dit probleem ?
Het moet op Netscape 6.0 en hoger werken nl.
Pagina: 1