Annonse som vises uansett skrolling

[antidote]

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?
Takker for alle svar.

 

[adeneo]

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]

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:

.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:

.din-divklasse {
position: fixed;
top:100px;
right:25px
}