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 :)
Chulísimo!
Aunque lo he probado en un IE6 de IETester y ahí petaba.
Saludos
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 tengo una duda o problema :) no allo como hacerlo funcionar este plugins en internet explorer 7
en safari,firefox y crome si funciona pero en ie7 tambien funciona pero sale la imagen movida como para abajo aqui te dejo el link para ver si me puedes ayudar gracias y esperando respuesta
copiar y pegar el link:
http://69.162.117.203/~todopcs/fixedto%20Position%20Fixed/index.html
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.
Hola Manuel!
Lo he mirado por encima y cambiando el enlace a la librería jQuery te funciona correctamente, ahora mismo tienes enlazado con un archivo local llamado: jQueryv1.4.2.js
Prueba con la url de google:
http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js
Igual se te ha pasado algún caracter estraño al guardar el archivo.
Pruébalo y me cuentas, espero que vaya bien :)
Saludos!
nnatali gracias por responder voy a probarlo y luego comento saludos :) desde mexico.
nnataly estimada el plugin es realmente impresionante, intenta descargarlo desde la web de query pero al parecer no esta activo “PAGE NOT FOUND” encontre otra version en https://github.com/nnatali/jquery.fixedTo sera la misma? creo que esa no tiene animacion del div flotante :(.
Saludos espero puedas responderme