Anker buiten div aanroepen

[Verwijderd]

Is het mogelijk om een anker aan te roepen buiten de div waar de href in staat?

Voorbeeld:

code:

<div id="menu">
<a href="#tekst1">tekst1</a>
<a href="#tekst2">tekst2</a>
</div>

<div id="teksten"
     <div id="tekst1">
     </div>
     <div id="tekst2">
     </div>
</div>

Hoop dat m'n vraag een beetje duidelijk is.

[wimvanp1]

Ja dit is perfect mogelijk
Het is mogelijk dat dit bij jou niet werkt door 2 redenen:

1. Je code is fout: er ontbreekt een '>' hier: <div id="teksten">
2. Er moet voldoende 'ruimte' zijn om het anker helemaal naar boven te laten scrollen:
   Als er alleen maar dat op de pagina staat, zal er geen effect te zien zijn, maar indien er een heleboel enters toegevoegd worden dan zal het mogelijk zijn om naar het anker te springen.
   Zie een voorbeeld hier: http://tinker.io/31017

Hopelijk is mijn uitleg bij de 2e reden een beetje duidelijk...

[Saven]

waarom probeer je het niet gewoon zelf? kleine moeite lijkt me

[Verwijderd]

Bedankt voor het uitleggen wimvanp.
Het is geen moeite om dit uit te typen, ik heb dit zelf in een website ontwerp maar het werkt niet daarom vraag ik voor de zekerheid.
Ik ga mijn code nog even op fouten controleren.

edit:

Mijn versie werkte niet door een jquery script, dit script zorgt ervoor dat je langzaam naar een ankerpunt toe scrolde.
Nu is het dus even zoeken naar een versie dat wel werkt.

edit2:

Het gaat om deze pagina:
http://ma-jo.org/
Ik wil het graag zo dat als je op een link klikt je langzaam door de content scrolt.

[ Voor 44% gewijzigd door Verwijderd op 09-04-2013 08:20 ]

[Kayshin]

Eerste search op google levert mij een script op dat dit doet
http://www.sycha.com/jque...ing-internal-anchor-links

Staat ook in hoe je eventueel horizontaal kan scrollen als je dit zou willen

[Verwijderd]

Natuurlijk is dit mogelijk. Wat heb je zelf al geprobeerd?
Om fouten uit je HTML te krijgen kan je trouwens gebruik maken van de W3 Validator: http://validator.w3.org/

[ Voor 48% gewijzigd door Verwijderd op 09-04-2013 09:42 ]

[Verwijderd]

Kayshin schreef op dinsdag 09 april 2013 @ 09:37:
Eerste search op google levert mij een script op dat dit doet
http://www.sycha.com/jque...ing-internal-anchor-links

Staat ook in hoe je eventueel horizontaal kan scrollen als je dit zou willen

Deze heb ik al geprobeert maar hij stopt met werken zodra ik buiten de div wil.

Opbouw van de site:

code:

<container>
          <header></header>
          <menu> hier zitten mijn anker links </menu>
          <content_all>
                  <content_index> deze div wil ik aanroepen
                  <content_overOns> deze div wil ik aanroepen
                  <content_contact> deze div wil ik aanroepen
          </content_all>
          <footer></footer>
</container>

Verwijderd schreef op dinsdag 09 april 2013 @ 09:41:
Om fouten uit je HTML te krijgen kan je trouwens gebruik maken van de W3 Validator: http://validator.w3.org/

Hier van was ik op de hoogte, alsnog bedankt.

[ Voor 14% gewijzigd door Verwijderd op 09-04-2013 10:11 ]

[Krilo_89]

Verwijderd schreef op dinsdag 09 april 2013 @ 10:10:
[...]


Deze heb ik al geprobeert maar hij stopt met werken zodra ik buiten de div wil.

Opbouw van de site:

code:

<container>
          <header></header>
          <menu> hier zitten mijn anker links </menu>
          <content_all>
                  <content_index> deze div wil ik aanroepen
                  <content_overOns> deze div wil ik aanroepen
                  <content_contact> deze div wil ik aanroepen
          </content_all>
          <footer></footer>
</container>

[...]

Hier van was ik op de hoogte, alsnog bedankt.

Al eens naar jquery scrollto gekeken? http://flesler.com/jquery/scrollTo/

De opbouw van je website is exact wat je hier kunt vinden: http://thecoffincompany.nl/
Kijk eens in de code en probeer het maar na te bouwen. Probeer er zelf achter te komen hoe het werkt.