tim687
Terugkerende gebruiker
- Lid geworden
- 25 apr 2010
- Berichten
- 1.774
Beste leden,
Hoe moet ik de standaard functie van een hash teken "overriden" zodat hij de scrollbeweging animeert. Ook moet het mogelijk zijn naar een andere id te gaan op dezelfde pagina zonder dat de gebruiker merkt dat de pagina opnieuw geladen wordt.
De animatie functie heb ik al. Hoe moet ik de animatie (dus het scrollen) starten zonder dat de pagina opnieuw geladen moet worden?
Dus...
De pagina moet vanaf de huidige positie naar het id wat achter het hash teken staat scrollen, zonder dat de pagina opnieuw laadt als de waarde achter het hash teken veranderd.
Mijn scroll functie:
Of...
Hoe moet ik de iframe scrollen naar een element binnen de pagina die de iframe laat zien?
Ik heb al iets geprobeerd maar ik krijg de error dat de origin van de pagina null is.
Dit is de code voor het scrollen van de iframe:
Kan iemand mij hierbij helpen?
Het gaat om een schoolproject dat voor de herfstvakantie af moet zijn.
Heel erg bedankt,
Tim!
Hoe moet ik de standaard functie van een hash teken "overriden" zodat hij de scrollbeweging animeert. Ook moet het mogelijk zijn naar een andere id te gaan op dezelfde pagina zonder dat de gebruiker merkt dat de pagina opnieuw geladen wordt.
De animatie functie heb ik al. Hoe moet ik de animatie (dus het scrollen) starten zonder dat de pagina opnieuw geladen moet worden?
Dus...
De pagina moet vanaf de huidige positie naar het id wat achter het hash teken staat scrollen, zonder dat de pagina opnieuw laadt als de waarde achter het hash teken veranderd.
Mijn scroll functie:
Code:
function scrolltoElement(elementname){
$(document).ready(function () {
target_offset = $(document.getElementById(elementname)).offset(),
target_top = target_offset.top;
$('html, body').animate({
scrollTop: target_top
}, 800);
});
}Of...
Hoe moet ik de iframe scrollen naar een element binnen de pagina die de iframe laat zien?
Ik heb al iets geprobeerd maar ik krijg de error dat de origin van de pagina null is.
Dit is de code voor het scrollen van de iframe:
Code:
function scrollIFRAMEtoElement(elementname){
var iframe = document.getElementById("ifrm");
var iframeDoc = iframe.contentDocument;
$(iframeDoc).ready(function () {
target_offset = $(iframeDoc.getElementById(elementname)).offset(),
target_top = target_offset.top;
$('html, body').animate({
scrollTop: target_top
}, 800);
});
}Kan iemand mij hierbij helpen?
Het gaat om een schoolproject dat voor de herfstvakantie af moet zijn.
Heel erg bedankt,
Tim!
