[jscript - CSS] Scrolbar positie naar top van Layer

[DieRooie]

Vraagje:
Ik heb een pagina waarin 5 layers bovenop elkaar gepositioneerd zijn. D.m.v. een hide/show functie laat ik de juiste layers zien; dus als er een zichtbaar is, zijn de andere vier verborgen.
Nu zit er in die layers een "overflow:auto" style zodat ik de layers kan scrollen. Helaas bij het hiden van een layer springt deze scrollbar niet terug naar de toppositie (startpositie). Dus samenvattend:
Ik open Layer A en ik scroll naar beneden.
Ik open Layer B (Layer A wordt verborgen)
Ik open Layer A weer...en de scrolbar staat nog steeds op dezelfde plaats!

Het is heel logisch dat dit gebeurt maar ik zou dus willen dat de scrolbar terug springt naar boven. Wie kan me helpen met een scriptje dat hiervoor zorgt?

Alvast hartelijk bedankt voor de moeite

[Verwijderd]

* Jorgen bespeurt enige vorm van script-request

Voor de driehonderenennegentigste keer verwijs ik naar Google:

http://www.google.nl/sear...=UTF-8&oe=UTF-8&hl=nl&lr=

Resultaat één is meteen bingo...

[BtM909]

DieRooie schreef op 24 februari 2004 @ 01:48:
Vraagje:

Alvast hartelijk bedankt voor de moeite

Antwoord:

Je moet variabele scrollADivident resetten voordat je hide. Met het script wat je hier hebt laten zien, kan ik me voorstellen dat je daar overheen keek.

HTH

[DieRooie]

@Jorgen Horstink:
Fijn hoe sommige mensen heerlijk bot kunnen reageren. Heb gisteren een uur of zes op google gekeken. De echte kenners zullen weten dat een "javascript:scroll(0,0)" alleen werkt op een window en niet op in layer die overflow gebruikt. Ik hoop niet dat de mensen ook elke driehonderenennegentigste keer zo'n antwoord terug hoeven te geven!

@BtM909:
Ik weet niet precies wat je bedoeld met "variabele scrollADivident " maar ik ga op zoek. Dank je.

[ Voor 7% gewijzigd door DieRooie op 24-02-2004 10:39 ]

[BtM909]

DieRooie schreef op 24 februari 2004 @ 10:36:

@BtM909:
Ik weet niet precies wat je bedoeld met "variabele scrollADivident " maar ik ga op zoek. Dank je.

Lees je wel wat ik typ? Het feit dat je schrijft "wat bedoel je met variabele scrollADivident" geeft aan dat je te weinig (lees: geen) relevante code hier hebt geplaatst (of een link naar een werkend stuk).

Aan de hand daarvan kunnen wij je wellicht op weg helpen.

[Verwijderd]

code:

<script>
  function foo() {
    var o = document.getElementById("bar");
    o.scrollTop = 0;
  }
</script>

<div id="bar" style="width:100px;height:100px;overflow:auto">
aldkfja ldkfjal skdjasdlkfm<br>aldkfja ldkfjal skdjasdlkfm<br>
aldkfja ldkfjal skdjasdlkfm<br>
aldkfja ldk<br>fjal skdjasdlkfm<br>
aldkf<br>ja ldkfjal skdjasdlkfm<br>

aldkfja ldkfjal skdjasdlkfm<br>
aldk<br>fja ldkfjal skdjasdlkfm<br>
</div>
<input type="submit" onClick="foo();">

Happy?

[DieRooie]

BtM909 : hehe, ik was nog een beetje te boos van het berichtje ervoor. Ik was inderdaad aan het twijfelen of ik de code erbij moest plakken. 't Is mijn eerste post hier. Ik zal voortaan niet twijfelen maar pasten

Jorgen: blijkbaar heb je toch verstand van zaken want dit is absoluut waar ik naar op zoek was! Ik moet mijn mening dus herzien. Mijn oprechte excuses

[ Voor 4% gewijzigd door DieRooie op 24-02-2004 12:01 ]

[BtM909]

DieRooie schreef op 24 februari 2004 @ 11:12:
BtM909 : hehe, ik was nog een beetje te boos van het berichtje ervoor. Ik was inderdaad aan het twijfelen of ik de code erbij moets plakken. 't Is mijn eerste post hier. Ik zal voortaan niet twijfelen maat pasten

Jorgen: blijkbaar heb je toch verstand van zaken want dit is absoluut waar ik naar op zoek was! Ik moet mijn mening dus herzien. Mijn oprechte excuses

Geeft niet, al doende leert men

Onderstaande code werkt voor mij perfect:

JavaScript:

<script type="text/javascript">
  function foo() {
    document.getElementById('bar').scrollTop = 0;
  }
</script>

[Verwijderd]

IE only

[BtM909]

Verwijderd schreef op 24 februari 2004 @ 15:31:
IE only

En getest in Mozilla