Funksjon for å scrolle lenger ned på siden ved klikk på link

[moneymaker]

Hvordan gjør man dette? Altså, folk klikker på en link og denne peker ikke til en annen side, men siden scroller automatisk nedover og til overskriften som jeg vil at leseren skal lese. Typisk på en side der man skal gi info om hvordan betaling og frakt skjer på en vare: "For å lese mer om betalingsmuligheter, klikk her" Så scrolles det ned til overskriften "Betalingsmuligheter".

 

[Dseller]

<a name="top"></a> 
<a href="#top">TOP OF PAGE</a>

- What is the HTML code for "back to top"? - Yahoo Answers

 

[adeneo]

Det heter "named anchors", og de virker slik som i Dseller sitt eksempel, men i nye nettlesere kan man bruke ID

<a href="#elementID">Scroll til betaling</a>


<div id="elementID">
    <h2>Betaling</h2>
    <!--  innhold  -->
</div>

Edit fiddle - JSFiddle

Når man setter hash'en i en lenke, så scroller nettleseren til det elementet som har en matchende ID, også når man lenker til en ny side.

<a href="http://miniside.no/index.php#id_paa_et_element">gå til en annen side</a>

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href