Scroll to position
Ik heb even met Google gezocht, maar kwam nog niet echt met een oplossing.
Voor een website heb ik een "next" en "back" button om naar de volgende of vorige pagina te navigeren.
Nu wil ik graag dat als je met de button naar een andere pagina gaat, dat deze dan gelijk naar de goede positie scrollt. (bijvoorbeeld een div die ergens staat)
Heeft iemand enig idee hoe dit werkt?
Alvast bedankt!
Kijk hier eens in de broncode van deze pagina. Dan zie hoe het werkt als je op je 'ketting' icoontje klikt (naast het quote icoontje rechts bovenin je post.
Ik probeer het op de volgende manier:
Code (php)
1
<input type="button" name="send" value="Page 2" class="next_page" onclick="location='index.php?page=2#first_video" />
Waarom werkt dit niet dan??
Gewijzigd op 04/06/2012 23:21:04 door Robin S
- SanThe - op 04/06/2012 22:53:41:
Kijk hier eens in de broncode van deze pagina.
Doe dit nou eens.
Code (php)
1
2
3
4
5
2
3
4
5
<a href="/forum/reply/85000/quote/606414/">
<img src="/img/icon/forum/quote.png" title="Quote" alt="Quote">
</a>
<a name="606414" href="/php/forum/topic/scroll-to-position/85000/#606414" title="Anchor link">
<img src="/img/icon/forum/quote.png" title="Quote" alt="Quote">
</a>
<a name="606414" href="/php/forum/topic/scroll-to-position/85000/#606414" title="Anchor link">
Maar naar welk object linken deze twee a's dan?? En hoe kan ik hiermee bijvoorbeeld een div op een andere pagina benaderen?
Is het wel mogelijk om een # voor een andere pagina te gebruiken? Of kan dit alleen op de interne pagina gebruikt worden?
- een anchor met een name:
- een id attribute:
Robin S op 06/06/2012 11:49:26:
Is het wel mogelijk om een # voor een andere pagina te gebruiken? Of kan dit alleen op de interne pagina gebruikt worden?
Niets houdt je tegen om beide te combineren.
bv.
<a href="pagina2.php#bottom">klik</a>
Dan surft de browser naar pagina2.php. het window scrollt dan op die pagina naar <a name="bottom"></a>
Verder kan je #bottom nog gebruiken voor javascript
Gewijzigd op 06/06/2012 11:53:50 door Kris Peeters
Enorm bedankt allemaal!
Robin S op 05/06/2012 01:04:26:
Bij jouw reactie zie ik het volgende staan:
Maar naar welk object linken deze twee a's dan?? En hoe kan ik hiermee bijvoorbeeld een div op een andere pagina benaderen?
Code (php)
1
2
3
4
5
2
3
4
5
<a href="/forum/reply/85000/quote/606414/">
<img src="/img/icon/forum/quote.png" title="Quote" alt="Quote">
</a>
<a name="606414" href="/php/forum/topic/scroll-to-position/85000/#606414" title="Anchor link">
<img src="/img/icon/forum/quote.png" title="Quote" alt="Quote">
</a>
<a name="606414" href="/php/forum/topic/scroll-to-position/85000/#606414" title="Anchor link">
Maar naar welk object linken deze twee a's dan?? En hoe kan ik hiermee bijvoorbeeld een div op een andere pagina benaderen?
Hier dus ook:
Link: <a href="/forum/reply/85000/quote/606414/">...
Naar: <a name="606414" href=".../#606414" title="Anchor link">