problema con DIV en Jquery se mueven lento
3 seguidores
Hola amigos programadores master de la programación estoy practicando lo que aprende en codeCademy y me es puesto a crear un DIv que cuando se le presione como un botón en el aire, eso lo tengo logrado con CSS pero el Jquery utilizando al función .draggable() me funciona lento. si le quito el código CSS se mueve rápido, bien y fluido pero si le pongo los adornos CSS se pone lento.
como puedo yo resolver esto. aquí están los códigos .
este es el link
gracias desde ya .
terciograma
Hola, no soy programador pero tengo conocimientos de los DIV's (Dreamweaver).
No tengo ni idea de hacer un botón flotante, pero he buscado por google y he encontrado esto:
botón estático: http://booleanos.com/2012/01/13/creando-una-caja-flotante-con-jquery/
botón en movimiento: http://www.xn--apaados-6za.es/tenemos-que-apanar/internet-tutoriales-y-trucos/537-boton-flotante-volver-arriba-desplazamiento-suave.html
No es exactamente lo mismo, pero mira si te sirve y me dices!
arturios
El problema es que tanto las sombras como las transiciones y animaciones cargan al navegador de una forma bastante abrumadora dependiendo del equipo, en tu caso, si quitas de "#estilo" la línea: "transition: all .1s linear;" la cosa mejora sustancialmente, y teniendo en cuenta que es una transición de apenas una décima de segundo, ni se nota diferencia.
Luego pones "background-image: -webkit-linear-gradient(top, #fff, #fff);" ¿por que no poner background-color: white; ???? es lo mismo y te irá mucho más ligero en general (aunque no afecte mucho a este caso).