¿Cómo puedo hacer un jQuery fadeOut sin afectar el posicionamiento de los otros elementos?

Por el momento si hago algo como

$.('#myelem').fadeOut();

Desvanecerá con éxito el elemento pero luego reposicionará todo lo demás en la pantalla. ¿Cómo puedo hacer un desvanecimiento mientras mantengo todos los demás elementos en el mismo lugar?

preguntado el 04 de julio de 12 a las 05:07

¿Puedes publicar código html y css? Espero que css esté afectando la posición. -

3 Respuestas

En lugar de usar fadeOut, Trate de animado:

$("#myelem").animate({"opacity": 0});

Si nos fijamos en el Fuente de JQuery, notarás que fadeOut en realidad se anima a "opacidad: ocultar". Usando la recta animado La función deja el elemento mostrado, simplemente invisible.

Respondido 04 Jul 12, 05:07

$.('#myelem').animate({opacity : 0}, 600);

Desde jQuery:

El método .fadeOut() anima la opacidad de los elementos coincidentes. Una vez que la opacidad llega a 0, la propiedad de estilo de visualización se establece en ninguno, por lo que el elemento ya no afecta el diseño de la página.

Simplemente animar la opacidad a cero no lo logrará. display:none, y mantendrá el elemento en el flujo del documento para no afectar a otros elementos de la misma manera que la configuración display:none lo hará.

Respondido 04 Jul 12, 05:07

Use el fadeTo() método en su lugar que anima el opacity:

$el.fadeTo('fast', 0)

Respondido 04 Jul 12, 05:07

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.