Caja Flotante

[gastonlz]

Hola compañeros, necesito de ayuda... en realidad no se como explicarlo, quiero hacer una caja fija,.. y a su vez se mueva al mover la barra scroll, pero que regrese a su posicion top de la pagina.. he hecho una caja con atributos "position:absolute" top:200px, si me la deja fija pero loque deseo es una caja que este fija pero que al momento mover la barra del scroll tambien se mueva pero que regrese a su posicion espero y haberme explicado,.. este es un ejemplo exacto de lo que busco: http://www.raxasolutions.com/formas_de_pago.html (del lado izquierdo hay una caja menu flotante) ¿alguien me puede decir como conseguirlo??

[Impostor]

Hola, para que se quede fija la propiedad es position: fixed; . El efecto de que "se ajuste" que andas buscando no es css, ignoro que lenguaje es.

Saludos¡¡

[cristian_cena]

Hola, se trata de un efecto echo con javascript y css, tal vez exista algún plugin de jquery para hacerlo, voy a buscarlo si lo encuentro les aviso.

[cristian_cena]

Mira, aquí encontre el efecto, solo copia, pega y analiza XD. Lo acabo de implementar y se ve muy elegante.
Lo prové y funciona en IE y Chrome, en firefox y opera no funciona.
Será cuestión de pulir el código para hacerlo multibrowser.

Fijate en la línea 19:
topMargin : /*el valor que desees*/ , esto indica que si por ejemplo damos el valor 0 entonces cuando hagamos scroll el div quedará con un margin top de 0px

y si miras en la línea 20:
ceiling : /*el valor que desees*/, indica el margin top antes de hacer el scroll

Saludos!

[cristian_cena]

Bueno, utilizar el buscador del foro da sus frutos! juaniquillo comparte en este hilo la solución mediante jquery.
Aquí el tutorial.

Saludos!