2014-02-24, 17:19
  #1
Medlem
Det jag vill göra är att låsa en sida i fyra olika delar, och ta bort scrollen, so far so good. Sen vill jag hoppa mellan olika delar med anchare, också easily done. Men istället för att man direkt hoppar till nästa del av sidan, eller att det blir en scroll-animation, så vill jag att nästa del av sidan ska fadas in över den förgående.

Går det göra?
Citera
2014-02-24, 17:46
  #2
Medlem
-ELF-s avatar
Är inte insatt i det. Men det borde väl gå och om jag förstår det rätt så beskrivs det på dessa sidor.
http://stackoverflow.com/questions/1...t-on-page-load
http://webdesign.about.com/od/css3tu...-with-css3.htm


Så som jag troligtvis skulle göra det på är följande (obs inga kodexempel).
Dela upp alla sidor i egna dokument precis som vanligt. För varje sida du har skapar du en div med tillhörande id. Där efter placerar du dessa divar utanför skärmens yta på valfritt sätt eller om det går, använd z-index för att placera dem under varandra.
När du sen klickar på en kläck så flyttas diven in till den synliga ytan eller så ändras z-index och en fade in animation körs.

Finns säkert ett mycket bättre sätt att göra det på, men det kanske får igång tankeknölarna lite
Det kanske behöver pillas lite med positionering för att z-index ska funka som jag har tänkt mig. Har som sagt inte pillat med det värst mycket.
__________________
Senast redigerad av -ELF- 2014-02-24 kl. 17:50.
Citera
2014-02-24, 17:57
  #3
Medlem
Citat:
Ursprungligen postat av -ELF-
Är inte insatt i det. Men det borde väl gå och om jag förstår det rätt så beskrivs det på dessa sidor.
http://stackoverflow.com/questions/1...t-on-page-load
http://webdesign.about.com/od/css3tu...-with-css3.htm


Så som jag troligtvis skulle göra det på är följande (obs inga kodexempel).
Dela upp alla sidor i egna dokument precis som vanligt. För varje sida du har skapar du en div med tillhörande id. Där efter placerar du dessa divar utanför skärmens yta på valfritt sätt eller om det går, använd z-index för att placera dem under varandra.
När du sen klickar på en kläck så flyttas diven in till den synliga ytan eller så ändras z-index och en fade in animation körs.

Finns säkert ett mycket bättre sätt att göra det på, men det kanske får igång tankeknölarna lite
Det kanske behöver pillas lite med positionering för att z-index ska funka som jag har tänkt mig. Har som sagt inte pillat med det värst mycket.

Tack för tipset, kommer nog göra som du säger, ha en sida.php för varje "del" och sen lägga en fadein/out med css vid page-load.
Citera

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Det är enkelt att registrera ett nytt konto

Bli medlem

Logga in

Har du redan ett konto? Logga in här

Logga in