CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede LarsLj Novice
31. juli 2015 - 16:56 Der er 3 kommentarer

Parallax effekt

Hej. Jeg vil gerne lave en effekt som på http://www.apple.com/macbook/ med billederne, der bevæger sig lidt, når jeg scroller. Er der nogen, der ved, hvordan jeg gør. Hvis jeg kopierer (css) stylen fra html koden style="transform: translateY(-78.6254px) translateZ(0px);", kan jeg stadigvæk ikke få den til at virke. Er der nogen, der kan fortælle mig, hvordan det virker? Vh Lars
Avatar billede keysersoze Guru
31. juli 2015 - 18:15 #1
Hvis du, modsat Apple, skal supportere IE finder du formentlig ikke noget ren CSS - så skal du ud i en javascript-løsning, og der findes rigtig mange libraries til det så det er bare at teste sig frem til hvad der passer en bedst.
Avatar billede LarsLj Novice
31. juli 2015 - 20:57 #2
JavaScript/JQuery er fin for mig. Men lige netop det 2. billede fra oven på http://www.apple.com/macbook/, kan du gennemskue, hvilken animation der er brugt her. Jeg søger og søger, men kommer det ikke ret meget nærmere!
Avatar billede keysersoze Guru
01. august 2015 - 01:00 #3
Du har fat i det rigtige med transform - men javascripten dertil kræver nok lidt mere tid at fremsøge i deres combined og minified version.
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML 2 I går 10:58 10 minutter siden
Bredde på div elementer Af dane022 i HTML 2 16/02/202408:29 20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML 2 21/12/202322:51 22/12/202308:03
validering <input tlfnr. Af slein55 i HTML 5 15/10/202311:43 15/10/202314:51
Link fra form input Af jnrmgs i HTML 9 19/09/202319:10 23/09/202313:11
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 dag 08:37 Synology surveillance bogmærker. Af johnnylassen i Andet sikkerhed
I går 18:34 Sende SMS iMessage Af Malm i Apps til iOS
I går 11:24 Kan jeg slette Google Fotos App på iPhone uden at miste foto på kamerarullen ? Af MWM i Cloudtjenester
I går 10:58 Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML
I går 10:28 PC spil med forkert driver - hvad skal vi gøre? Af Besil i Andet software
White papers
Flere white papers »


Premium
Teaser billede
Det danske skattevæsen bruger millioner hver eneste dag på it-konsulenter: Er gået galt fra begyndelsen, mener professor
Læs mere »
NNIT vinder kæmpe-aftale til kvart milliard kroner: Skal stå for SAP-system til udbetaling af folkepension og boligstøtte
Sådan kom Lemvigh-Müller gennem hård ERP-transformation til S/4 Hana: "Vi havde dage, hvor vi mødte ind klokken tre om natten"
Danmarks største Excel-haj har fået stjerner på skuldrene af Microsoft
Se alle »
Computerworld
Teaser billede
Test: Sjælden topkarakter til kæmpe strømsystem - holder køleskab og it-grej kørende i flere dage
Læs mere »
Test: iPhone 16 Pro Max er den bedste iPhone til dato - men du bør spare de næsten 12.000 kroner, som den koster
Kaspersky har uden varsel afinstalleret sig selv fra kunders enheder og automatisk installeret et andet antivirusprogram
Google på vej med kæmpe-opdatering af Street View i Danmark og mange andre lande
Se alle »
CIO
Teaser billede
Advarsel til brugere af Copilot: En kompromittering af en enkelt medarbejder kan koste dyrt, hvis ikke du passer på
Læs mere »
AWS erkender: Vores kunder rykker ud af clouden - og det er der flere grunde til
Topsøe-direktør: "Jeg er målløs over værdien i dette værktøj"
Tvunget til at flytte over i clouden: Region Sjælland vil investere 150 millioner kroner i Oracle-specialister
Se alle »
Job & Karriere
Teaser billede
Pludselig exit fra Schultz kom som en overraskelse for Merete Søby: Derfor stoppede samarbejdet
Læs mere »
Merete Søby fratræder med omgående virkning som CEO for Schultz efter blot tre måneder på posten
Professor: "Det er på høje tid at opløse virksomhedernes it-afdelinger"
Kom tæt på Danmarks nye digitaliserings-minister: 33-årige Caroline Stage Olsen er tidligere tobaks-lobbyist - har været aktiv i politik siden hun var helt ung
Se alle »
White paper
Teaser billede
Er dine e-mails også spækket med lovbrud?
Læs mere »
Sådan gør du: Elektronisk dokumentudveksling i praksis
Vær proaktiv og prioritér IT-sikkerheden – før det er for sent
Sikkerhed uden grænser: Cisco Hypershield
Se alle »

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