Hur gör de?

HTML & CSS

4 svar · 368 visningar · startad av Skarre

Medlem sedan apr. 20012 427 inlägg
Trådstart#1

Längst ner på sidan har de åstadkommit just den prylen jag har längtat efter (se höger kolumn hur texten försvinner under bilden längst ner), men hur har de gjort det? Är det bara ett lager som ligger över måntro? Någon som har koll på tekniken bakom detta?

http://www.wipcore.se/Frameset.asp

Medlem sedan jan. 200262 inlägg
#2

Om du kollar källan så ser du att de har lagt bilderna i divs och placerat dem efter texten som går att skrolla vilket gör att bilderna hamnar "överst".

Medlem sedan jan. 20016 874 inlägg
#3

Ja det är lagerhantering.
Nyckelordet här är *z-index*
Ju högre värde ju "närmare" läsaren.
Ett lager i botten (z-index:1;) som scrollar, ett lager med bilder som står stilla över den scrollande delen(z-index:2)
Så enkelt är det.
(fast scrollern på den sidan var lite dHTML)

Medlem sedan maj 20001 215 inlägg
#4

(fast scrollern på den sidan var lite dHTML)

Men det skulle funka med en vanlig scroller i teorin?

Medlem sedan jan. 20016 874 inlägg
#5

Ja, jo, fast inte utan vidare.
iframe är nog enklaste sätte.
Annars kan ju "overflow: scroll" fungera.

262 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
122 ms — deklarationer (db)
0 ms — hämta statistik (cache)
136 ms — hämta tråd, inlägg och bilagor (db)
123 ms — ändringar (db)