Scrollen m.b.v. javascript

Status
Niet open voor verdere reacties.

DarkFeather

Gebruiker
Lid geworden
21 jan 2004
Berichten
134
Op mijn site heb ik een DIV met daarin veel tekst. Deze div heeft vaste afmetingen. Als er te veel tekst in staat komt er nu een scrollbalk. Echter ik wil deze scrollbalk verbergen (mbv CSS, overflow: hidden). Het is de bedoeling dat elders op de pagina 2 pijltjes komen om te scrollen binnen deze DIV. Nu heb ik geen idee hoe ik dit eenvoudig kan doen. Google heeft me het volgende opgeleverd:

Stukje javascript:
Code:
<script language='javascript'>
function move_up() {
    tekst.scrollTop = 0;
  }
</script>
Mijn div (in CSS staat overflow: hidden):
Code:
<div id="tekst">Hier komt de tekst.</div>

Met behulp van de volgende link kan ik (als ik naar beneden heb gescrollt) in een keer naar boven scrollen.
Code:
<a href='javascript:move_up()'>UP</a>

Nu gaat ie in 1 keer helemaal naar boven, dat is dus niet de bedoeling. Ik wil dus dat als je op de link klikt de tekst een klein stukje naar bovengaat (dus niet meteen helemaal). Hoe doe ik dit?

Als ik weet hoe het werkt voor naar boven, dan kan ik zelf wel uitvinden hoe het werkt om naar beneden te scrollen...
 
Laatst bewerkt:
http://gathering.tweakers.net/forum/list_messages/1241432

Probeer dat script eens inclusief de wijziging... (Het volledige script dat daar staat werkt dus niet naar behore, de oplossing staat in dat topic)

Natuurlijk moet je het script wel wat aanpassen aangezien die voor een iframe is...
 
Laatst bewerkt:
Welke wijziging bedoel je? Ik heb het script via google gevonden en meer stond er niet.

Ik heb al wel door dat je met scrollTop = X; (X=willekeurig nummer) de positie van de scrollbalk bepaald. 0 = helemaal bovenaan, 20 = 20pixels naar beneden). Wat ik dus moet is eerste de positie van de scrollbalk bepalen en daar vervolgens X bij optellen om naar beneden te scrollen en of X van aftrekken om omhoog te scrollen. Probleem is dat ik niet weet hoe dit moet...
 
Laatst bewerkt:
Ik heb het over het script in de link die ik in mijn vorige bericht stuurde...
 
Dat is niet wat ik bedoel. Het is de bedoeling dat als je op de link klikt je een klein stukje naar boven/beneden scrollt, niet naar een specifieke locatie, zoals hij doet. Maar iig bedankt!
 
Laatst bewerkt:
Ik heb nu:
Code:
<script language='javascript'>
var scroll = 0
  function move_up() {
	scroll=scroll-10;
	tekst.scrollTop = scroll;
  }
  function move_down() {
	scroll=scroll+10;
	tekst.scrollTop = scroll;
  }
  </script>
En dat werkt. Dus ik heb m'n eigen vraag opgelost :P
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan