webForumDet fria alternativet

behåll bild i samma position

HTML & CSS

7 svar · 632 visningar · startad av Gimbo

Medlem sedan dec. 20001 626 inlägg
Frågan#1

Tja,

kan jag mha div- taggar behålla en bild i samma position även om man scrollar upp och ner? om det är möjligt hur kan man åstadkomma detta? har googlat sönder mig utan relevant resultat.

Medlem sedan aug. 20068 090 inlägg
#2

Googla igen på "persistent layers".

Medlem sedan dec. 20001 626 inlägg
#3

Hittar inget som är fast utan alla flyter ner då man scrollar, vill ha en som e fast och inte rör sig så specieltl mycket

Medlem sedan nov. 200013 890 inlägg
#4

Du behöver inte gå till Google för att söka. Det räcker att du säker här på webforum.
Spana in det accepterade svaret i den här tråden:
http://www.webforum.nu/showthread.php?t=71806

Medlem sedan dec. 20001 626 inlägg
#5

inte direkt d jag va ute efter, för det den gjorde va att den tog bort scrollen och la bilden fixed, jag vill ha kvar scrollen men då man scrollar så ska bilden va fixed

Medlem sedan aug. 20068 090 inlägg
#6

Ehh... jag tror nog att det verkar som om du har problem att beskriva vad det är du vill ska hända. I alla fall har jag svårt att förstå.

När du skriver "fixed", menar du i förhållande till själva webbläsafönstret eller till sidans innehåll? "Fixed" brukar ju normalt avse att en bild står helt still medan resten av sidan rör sig upp/ner om man skrollar. Det är ju det som "persisten layers" gör, även om dom "studsar" och ibland följer med sidan innan dom går tillbaka till sin position (i förhållande till webbläsarfönstret).

Är det så att du vill ha ett persistent layer, fast ett som inte "studsar" eller följer med sidans innehåll alls, dvs absolut helt stilla medan resten av sidan skrollar?

EDIT: Har du kollat t.ex. den här: http://web.uvic.ca/akeller/pw401/ht_persistent_layer.htm
Jag tror du kan gå in i koden och ändra

var slideTime = 500;

till

var slideTime = 0;
Medlem sedan juni 200573 inlägg
#7

Lägg bilden i en extra div och anpassa måtten enl dina behov (fungerar i FF)

#extraDiv1 {

position:fixed;

bottom:0;

left:540px;

background:url(bilder/bild.gif) no-repeat top left;

width:250px;

height:250px;

}

Medlem sedan mars 20041 505 inlägg
#8

webbebba skrev:

Lägg bilden i en extra div och anpassa måtten enl dina behov (fungerar i FF)

...och (nästan) alla andra webbläsare förutom IE6 och tidigare. :birp

253 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)