webForumDet fria alternativet
Logga in / Bli medlem

Hur gör de?

HTML & CSS

4 svar · 365 visningar · startad av Skarre

Medlem sedan apr. 20012 427 inlägg
Frågan#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.

438 ms totalt · 4 externa anrop · v20260731065814-full.0583408b
128 ms — deklarationer (db)
172 ms — hämta statistik (db)
132 ms — hämta tråd, inlägg och bilagor (db)
131 ms — ändringar (db)