css position:fixed;

Crew lofotLAN 2012

6. august 2011

Hallo,

Googlet litt om en div boks som skulle følge når man scrollet og leste om posiion fixed, men hvordan kan jeg gjøre slik at den boksen er på et bestemt sted når siden lastes og når bruker blar forbi den så starter den å scrolle etter, ikke med en gang?

Dårlig forklart men håper noen fårstår

moret

#D4AF37

6.868 6.426

6. august 2011

Jeg forstår hva du mener. Men å bare sette position til fixed i css er ikke løsningen på dette.
Du må nok inn med javascript. Er ikke veldig stødig på dette selv og koder svært lite websider. For å få det til må nok "måle" hvor langt ned på siden du befinner deg og flytte boxen etter på en eller annen måte.

KingJay

250 81

6. august 2011

Sitat av PureRushh

Vis hele sitatet...

Legg dette i css dokumentet ditt:

Kode

#static_box {

position: fixed;
top: 0;
left: 0;
margin: 0 0 0 0;

}

så lager du en div på html-dokumentet:

Kode

<div id="static_box">

 TEKST eller bilde

<a href="#">
  <img src="bilde.jpg" width="" height="" border="0" title="" alt=""/>
</a>

</div>

forresten, jeg sitter på firefox og der virker denne koden. Andre browsere har jeg ikke prøvd på. Der må du sikkert inn med javascript også for å gjøre den crossbrowser kompatibel.

Her har du en løsning som fungerer med de fleste browsere:

DynamicDrive

Sist endret av KingJay; 6. august 2011 kl. 03:15.

z0p

uʍop ǝpısdn

3.814 906

6. august 2011

tror du må forklare litt bedre. Høres uansett ut som en uheldig løsning for min del

Zalox

385 159

6. august 2011

Tror du kan gjøre dette i jQuery om du ikke er så dreven på javascript.

marfo

390 44

6. august 2011

Slik: http://jsfiddle.net/DyKPW/?

Sist endret av marfo; 6. august 2011 kl. 18:07.