CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
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

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
Beregning af sum via PHP og SQL Af dane022 i JavaScript 3 10/02/202421:38 12/02/202409:41
Kode der tjekker telefonnummer i formular Af Asky i JavaScript 2 27/12/202321:42 28/12/202314:41
Nogle af mine formularer i PHP er plaget af spam Af Asky i JavaScript 12 19/12/202313:31 10/01/202411:04
Vis data fra en anden fil i en div Af EveryMA i JavaScript 2 19/10/202307:02 20/10/202307:02
js til asp backend Af keepy i JavaScript 1 11/10/202310:28 11/10/202313:46
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 21:50 Nul efter forreste tal Af Marting i Excel
I går 20:34 Login Router/Modem/Fiberboks Af Mads2707 i Routere & Switches
I går 19:15 Fjerne tomme celler i kolonne Af torben lind i Excel
I går 08:46 Markere dubletter ud fra reference felt. Af jthyge i Excel
I går 08:46 MailChimp Survey Af Anita i Fri debat
White papers
Flere white papers »


Premium
Teaser billede
Windows-sikkerhedsopdateringer giver problemer med VPN'er: Opfordrer til afinstallation
Læs mere »
Forlanger svar på vigtige spørgsmål: Datatilsynet overvejer at åbne GDPR-sag om Rejsekort
Sådan gik det til, da Vestas blev ramt af ødelæggende Lockbit-angreb - 500 servere kunne slet ikke patches
Statens It-råd: Nyt statsligt løn-system er højrisiko-projekt - her er bekymringerne
Se alle »
Computerworld
Teaser billede
Her er Danmarks fem bedste CIO’er lige nu: Se de fem nominerede til prisen som Årets CIO 2024
Læs mere »
Prøvekørt: Sydkoreansk familie-kolos har plads til alle og sætter alle på plads
Apotekskæde lukker alle butikker efter "cybersikkerhedshændelse"
Hypet browser bliver nu lanceret til Windows: Skal blive til et styresystem for internettet
Se alle »
CIO
Teaser billede
Her er Danmarks fem bedste CIO’er lige nu: Se de fem nominerede til prisen som Årets CIO 2024
Læs mere »
Top-CIO Anne Nørklit færdig hos Tryg: “Jeg vil bruge sommeren på at overveje, hvad fremtiden skal bringe”
Køber 25.000 Copilot-licenser af Microsoft i kæmpe-aftale - vil investere milliarder i AI
Her er Trygs nye CIO - afløser Anne Nørklit Lønborg
Se alle »
Job & Karriere
Teaser billede
Her er Danmarks fem bedste CIO’er lige nu: Se de fem nominerede til prisen som Årets CIO 2024
Læs mere »
Knap 40 procent af disse it-folk tjener tjener mindst 57.000 kroner om måneden
Medarbejderne fik udleveret badetøfler ved indflytningen: Kom med inden for i IBM Danmarks nye topmoderne hovedkontor
Så meget tjener dine kollegaer: Her er alle data fra Computerworlds store it-lønstatistik for 2024
Se alle »
White paper
Teaser billede
Opdag fordelene ved cloud-baseret backup og recovery
Læs mere »
MDR: Transparent sikkerhed og overvågning i realtid
SASE: Træf det rette valg – første gang
Vejen væk fra WAN: Sådan skifter du til en moderne infrastruktur
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »