Scrollen van pagina

Gr@smaaier · 24 feb 2009

function pageScroll() {
window.scrollBy(0,50); // horizontal and vertical scroll increments
scrolldelay = setTimeout('pageScroll()',100); // scrolls every 100 milliseconds
}
To being scrolling automatically when the page loads, add the following code to the body tag:

<body onLoad="pageScroll()">
To begin scrolling when prompted by the user, call the function from a link or button:

Text Link
<a href="javascriptageScroll()">Scroll Page</a>
Scroll Page (Note: If you click this link, you'll need to click the link at the bottom of the page to cancel the scrolling)

Button
<input type="button" onClick="pageScroll()" value="Scroll Page">

Als ik de voorgaande text als code invoer in Html krijg ik een button die als je er op klikt de hele pagina naar beneden scrolt. Is er ook een manier om via de button naar een bepaald stuk van de pagina te gaan via deze scroll techniek ??

Alvast bedankt voor de antwoorden !!:thumb:

ErikBooy007 · 24 feb 2009

Als je het echt met JavaScript wilt doen, dan kun je dit doen:

PHP:

<script type="text/javascript">
function pageScroll() {
  window.scrollBy(0,200); // deze waarde kun je zelf naar wens aanpassen.
}
</script>

Je button of link kan dan gewoon zo zijn als in de oorspronkelijke code.

Beter is het echter om met ankers te werken. Je zet bijvoorbeeld ergens in je pagina:

PHP:

<a name="ankertje"></a>

En dan kun je linken naar dat deel van de pagina door:

PHP:

<a href="#ankertje">Link</a>

Je kunt zoveel van zulke ankers op een pagina zetten als je wilt.

Gr@smaaier · 25 feb 2009

ErikBooy007 zei:
Als je het echt met JavaScript wilt doen, dan kun je dit doen:

PHP:

<script type="text/javascript"> function pageScroll() { window.scrollBy(0,200); // deze waarde kun je zelf naar wens aanpassen. } </script>

Je button of link kan dan gewoon zo zijn als in de oorspronkelijke code.

Beter is het echter om met ankers te werken. Je zet bijvoorbeeld ergens in je pagina:

PHP:

<a name="ankertje"></a>

En dan kun je linken naar dat deel van de pagina door:

PHP:

<a href="#ankertje">Link</a>

Je kunt zoveel van zulke ankers op een pagina zetten als je wilt.

Ok ik ga hier even mee aan de gang bedankt zover.

Scrollen van pagina

Gr@smaaier

Gebruiker

ErikBooy007

Terugkerende gebruiker

Gr@smaaier

Gebruiker

Nieuwste berichten

Wij waarderen jouw privacy