Annonse som vises uansett skrolling

antidote

Medlem
Hei :)
Når du går inn på vg.no så er det en annonse i sidebaren som følger med på hele siden.
Noen som vet hvordan dette går? :confused:
Takker for alle svar.
 

adeneo

Medlem
Det er gjort med javascript. Når annonsen når toppen settes position fra relative eller absolute til fixed slik at den ikke lenger scroller med innholdet.
 

SEOMannen

Medlem
Rein CSS

Det klarer du fin med ren CSS også.

Se f.eks på Ways to Make Money Online - Learn from Blogger Codes Facebook bilde på høyre siden når du scroller. Pure CSS in the works :)

CSS:
Kode:
.fbPlugIn {
position: fixed;
height: 560px;
width: 292px;
background: #fff;
float: right;
right: -292px;
top: 160px;
z-index: 999;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

Det viktige er:
position: fixed;

Så justerer du med top, right, left, bottom avhengig av hvor du ønsker å ha den "sticky".

F.eks:
Kode:
.din-divklasse {
position: fixed;
top:100px;
right:25px
}
 
Topp