jQuery: fixedTo plugin para posicionar elementos

fixedto

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 marzo 2011
  • Maquetación

7 comments on “jQuery: fixedTo plugin para posicionar elementos”

    1. 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!!

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

Deja un comentario

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