Toon posts:

[js] Layer op zelfde plaats houden bij scrollen

Pagina: 1
Acties:

Verwijderd

Topicstarter
Hallo,
Ik ben op zoek naar het volgende:
In het linker frame heb ik een menubalk staan. Deze heeft echter een submenu, die uitklapt als je eroverheen gaat. Dit submenu moet in het rechterframe zichtbaar worden anders wordt het frame te groot.
Deze wil ik in een layer weergeven. Dit is verder geen probleem.
Maar als er in dit linker frame zoveel tekst staat dat hij begint te scrollen, scrolt deze layer mee. Dan staat ie dus niet meer goed naast het andere menu in het andere frame. Is dit te voorkomen (dus dat hij altijd op de zelfde plaats staat (ookal scrol je de rest van de tekst)?
Alvast super bedankt!

  • Shagura
  • Registratie: Augustus 2001
  • Laatst online: 21-08 16:57
:? heb je misschien een voorbeeldje?

  • GGS_VR6
  • Registratie: Juli 2001
  • Niet online

GGS_VR6

Oranje!

Over welk programma gaat het hier :?

Misschien ff een screenshot maken van hoe je het ongeveer bedoelt

T.net ID. Bekijk het maar es eem..
‹(◕‿◕)›


  • rickmans
  • Registratie: Juli 2001
  • Niet online

rickmans

twittert

Jahoor dat is te doen, zoek maar op floating layer en zo :) (tenminste ik denk dat je dat bedoelt :))

Don't mind Rick


  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 13:59

Pelle

🚴‍♂️

Je moet kijken hoeveel je pagina gescrolled heeft, en daar bij het weergeven van je andere menu rekening mee houden.

Voor crisp:
JavaScript:
1
2
document.body.scrollTop /* IE */
window.pageYOffset /* NS, Mozilla */ 


Voor de mensen die dit mooier vinden (zoals ik :P):
Java:
1
2
document.body.scrollTop /* IE */
window.pageYOffset /* NS, Mozilla */ 

[ Voor 29% gewijzigd door Pelle op 23-12-2002 13:29 ]


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 14:43

crisp

Devver

Pixelated

Pelle schreef op 23 December 2002 @ 13:26:
Je moet kijken hoeveel je pagina gescrolled heeft, en daar bij het weergeven van je andere menu rekening mee houden.


Java:
1
2
document.body.scrollTop /* IE */
window.pageYOffset /* NS, Mozilla */ 
Foei Pelle! Da's toch geen java! ;)

Intentionally left blank


  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 13:59

Pelle

🚴‍♂️


Verwijderd

Topicstarter
Ja: http://www.solcon.nl/tdejager/test/index.htm
Dit is verder nog niet uitgewerkt. Het submenu komt er dus te staan als je op menu4 drukt. Maar als je er dan links gescrollt word dan verplaast het submenu zich dus. Is het ook mogelijk deze op een plaats vast te zetten (dus onafhankelijk van het scollen op de pagina)?

  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 13:59

Pelle

🚴‍♂️

Een functie schrijven die checked hoeveel de pagina gescrolled heeft, en aan de hand daarvan de positie van je layer bepaalt. Als je met een setTimeout elke 10 ms die functie aanroept, dan zal je layer meescrollen.

Oh ja, titel ff aangepast.

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 14:43

crisp

Devver

Pixelated

Verwijderd schreef op 23 December 2002 @ 13:31:
Ja: http://www.solcon.nl/tdejager/test/index.htm
Dit is verder nog niet uitgewerkt. Het submenu komt er dus te staan als je op menu4 drukt. Maar als je er dan links gescrollt word dan verplaast het submenu zich dus. Is het ook mogelijk deze op een plaats vast te zetten (dus onafhankelijk van het scollen op de pagina)?
In NS/Mozilla: position: fixed
In IE zal je dus zoals Pelle al aangaf moeten kijken wat de scroll-positie van je document is en daar de positie van je layer mee moeten aanpassen. Voor links-rechts is dat:
JavaScript:
1
2
document.body.scrollLeft /* IE */
window.pageXOffset /* NS, Mozilla */

maar dat had je zelf natuurlijk ook kunnen bedenken...

Tip: IE kent ook een onScroll event :)

[ Voor 4% gewijzigd door crisp op 23-12-2002 13:42 ]

Intentionally left blank

Pagina: 1