Hej folkens
Vil gerne lave en måde at vise hvilken sektion brugeren på en hjemmeside er scrollet til, og i den forbindelse finder jeg positionen for en række sektioner i et array - eksempelvis som nedenfor (bemærk at jeg bruger jQuery her, men metoden er egentlig ligegyldig):
$(".section").each(){
var elementPosition = $(this).offset().top;
})
Rettelse: kan se at ovenstående naturligvis ikke giver nedenstående array, men nedenstående array er "ønsket" :-)
Herved har jeg nu et array, som eksempelvis kunne se ud således:
1 = 500,
2 = 1500,
3 = 2200
4 = 3100
Her kunne jeg godt tænke mig at tjekke om den nuværende "scroll-position" er inde imellem nogle af disse tal i arrayet, men da jeg ikke er særligt erfaren med arrays, er jeg ikke helt sikker på hvordan jeg skal gøre det.
Det skal bemærkes at formålet er, at hvis scroll-position eksempelvis er == 1700, så skal der tilføjes en class til det punkt som angiver, at man nu er i 2. sektion.
Dette kunne
eksempelvis se således ud (der er ikke noget korrekt i nedenstående, men bare for at give en ide), uden at vide hvordan jeg helt lige kommer ind og identificerer hvor i "arrayet" man er:
if(window.pageYOffset > elementPosition2){
$(".section2-status").css("background", "red");
};
Er der nogen, som har nogle gode ideer? :)
--
Sidst redigeret 14-11-2017 11:14