Scroll to position

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Robin S

Robin S

04/06/2012 22:48:27
Quote Anchor link
Beste leden,

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!
 
PHP hulp

PHP hulp

18/01/2021 13:44:17
 
- SanThe -

- SanThe -

04/06/2012 22:53:41
Quote Anchor link
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.
 
Ozzie PHP

Ozzie PHP

04/06/2012 23:03:17
 
Robin S

Robin S

04/06/2012 23:20:47
Quote Anchor link
Bedankt hierboven!

Ik probeer het op de volgende manier:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
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 -

- SanThe -

05/06/2012 00:37:02
Quote Anchor link
- SanThe - op 04/06/2012 22:53:41:
Kijk hier eens in de broncode van deze pagina.


Doe dit nou eens.
 
Robin S

Robin S

05/06/2012 01:04:26
Quote Anchor link
Bij jouw reactie zie ik het volgende staan:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
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">


Maar naar welk object linken deze twee a's dan?? En hoe kan ik hiermee bijvoorbeeld een div op een andere pagina benaderen?
 
Robin S

Robin S

06/06/2012 11:49:26
Quote Anchor link
Is het wel mogelijk om een # voor een andere pagina te gebruiken? Of kan dit alleen op de interne pagina gebruikt worden?
 
Wouter J

Wouter J

06/06/2012 11:51:09
Quote Anchor link
Nee. alles achter # kan naar 2 dingen linken:
- een anchor met een name:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<a name="the-name"></a>

- een id attribute:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<h1 id="the-name">Hello World</h1>
 
Kris Peeters

Kris Peeters

06/06/2012 11:53:10
Quote Anchor link
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
 
Robin S

Robin S

06/06/2012 14:13:41
Quote Anchor link
Ahhh de link verwijst dus naar een name in a! Dat begeep ik dus niet :)
Enorm bedankt allemaal!
 
- SanThe -

- SanThe -

06/06/2012 17:16:00
Quote Anchor link
Robin S op 05/06/2012 01:04:26:
Bij jouw reactie zie ik het volgende staan:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
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">


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">
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.