Como fazer um elemento acompanhar a rolagem da pagina?

[redhorse]

Estou a procura de como fazer que um DIV acompanhe a rolagem de uma pagina.

EX;

a pagina ao ser carregada tera uma menu ou imagem na lateral no meio da tela (isso mesmo na lateral no meio em altura)

Ao rolar a pagina quando esse div chegar no topo ele para mesmo se a rolagem continuar

Esse link tem algo parecido com o que descrevi

http://visualrepublic.net/

também é parecido com aqueles popups chatosd de propagandas mas não é pra isso que vou usar, sera parecido com o do site exmplo

[DiF]

faça com jQuery... um menu flutuante. leia o link:

http://blog.shiguenori.com/2009/03/30/menu-flutuante-com-jquery/

[redhorse]

po muito bom esse que você mandou,

mas como disse o exemplo que dei é algo parecido com o que procuro mas

ACHEI UM site que é exatamente o que procuro http://9gag.com/

Veja:

Com o pagina no topo repare nos blocos ao lado e role a pagina

Viu?

ele vai normal e quando chega na hora de sumir da tela ele para mesmo se a pagina continuar rolando

ele nao esta fixo pois no inicio ele pode subir e descer e so fica travado quando desce abaixo de sua posicao normal

o mesmo acontece com os titulos dos posts no caso dos posts grandes.

com o codigo que você me assou e mudei o duration:500 para 000

o que fez que ele ficasse quase imovel mas ainda ele treme na hora que rola a pagina

mesmo assim ainda esta bem diferente do exemplo dado http://9gag.com/