¡Hola! Mi nombre es Nelly Natalí y este es mi blog personal.

Si quieres saber más sobre mí también puedes cotillear mis perfiles en twitter y linkedin.

Categorías
Maquetación

jQuery: fixedTo plugin para posicionar elementos

Hace un par de semanas necesité maquetar un elemento de forma que permaneciese siempre fijo en la parte inferior de la página, no me llevó mucho, ya que se resolvía con:

elemento{
   position:fixed;
   bottom:0;
}

Pero una vez lo tenía listo lo ví tan simple, que necesitaba darle un poco de vida.
Me puse manos a la obra, y después de unas horas surgió el plugin fixedTo.

El funcionamiento no se limita al css escrito antes:
– Puedes indicar la posición de la ventana en la que quieres colocar el elemento, si es en un lateral, se gira automáticamente.
– Siempre permanece centrado a los laterales y recalcula su posición al redimensionar la ventana, para no perder el centro.
– Incluye la opción de hacer que el elemento se muestre / oculte o que permanezca siempre visible.

Aunque antes de explicar más, lo mejor es que veáis un ejemplo online.

Recordaros que el plugin trabaja sobre jQuery, por lo que necesitamos tener la librería enlazada para que funcione:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

Es el primer plugin como tal que publico, y aunque aún tengo que mejorar el código, he querido compartirlo por si hay alguien a quién le pueda servir, sobra decir que me encantaría recibir consejos de quienes hayan realizado ya alguno :)

7 respuestas a «jQuery: fixedTo plugin para posicionar elementos»

Gracias Sergio!
Pues sí que peta en IE6, pero porque no he querido hacerlo compatible.. a ver si le vamos dando la espalda ya, que hasta Microsoft nos lo suplica http://ie6countdown.com/ :)

Aunque si por fuerza mayor, hay que hacer que funcione en el anticuado IE6, se puede conseguir englobando todos los elementos de la página menos los que quieras dejar fijos en un div, puedes ver la explicación completa en este artículo de Ryan Fait.

Saludos!!

hola saludos desde mexico :)
ase poco encontre tu web y me gusto
mucho los themas sobre todos los de
jquery y hablando de eso y el motivo de
mandar el mensaje es por que necesito
algo de ayuda sobre

jQuery: fixedTo.

ya lo eche andar pero el problema esque
n internet explorer 7 la imagen seve
como apuntando hacia abajo y en los
demas navegadores seve bien en
firefox,crome y safari pero en ie7 seve
mal y vi el enlace que dice com resolver
este problema pero no le entendi
asi que te deje un link hacia donde
estoy haciendo la practica del plugin
el link esta en tu propia web espero y
me puedas ayudar saludos y gracias por
todo :)

escribi aqui todo por ke el formulario no funciono.

Responder a sergiomas Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *