Avatar billede krk Nybegynder
06. november 2013 - 14:18 Der er 4 kommentarer og
1 løsning

Jquery: Event ved scroll

Hej

Jeg har en liste bestående af 5 elementer.
Jeg vil gerne have at når man scrolle på siden så ændres baggrundsfarven på et element.
Hvert element har en højde på ca 200px og bredde på 100%.
Min tanke var at når der blev scrollet fx 150px ned på siden så ændrede baggrundsfarven sig på det første element. Når der blev scrollet 300px ned på siden så ændrede baggrundsfarven i nr. 2 element  osv...
Altså lidt i samme retning som ved mouseover, men bare ved scroll

Kan det lade sig gøre?
Hvis det kan hvordan gør jeg så det?
Avatar billede jakobdo Ekspert
06. november 2013 - 15:59 #1
Prøv at kig på denne kode:

$(function(){
  $(window).scroll(function(){
    console.log($(this).scrollTop());
  });
});

Og så skal du "bare" lave lidt udregninger på $(this).scrollTop();
Avatar billede krk Nybegynder
07. november 2013 - 21:35 #2
Hej jakobdo
Tak for svaret. Jeg får lige prøvet dether en af de nærmeste dage og så vender jeg tilbage :-)
Avatar billede krk Nybegynder
27. november 2013 - 12:46 #3
Hej Jakobdo
Undskyld jeg aldrig fik svaret tilbage.
Tak for eksemplet, det fik mig på rette vej :-)
Du henter bare point
Avatar billede jakobdo Ekspert
27. november 2013 - 12:57 #4
Svar
Avatar billede jakobdo Ekspert
28. november 2013 - 07:31 #5
Takker for point.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester