slideDown () hace que todo cambio en el envoltorio

Question

Actualmente estoy creando un menú sencillo en el que hay varios nombres de servicios y un usuario puede hacer clic en uno y jQuery mostrarán su correspondiente párrafo que describe que por debajo de ella. Mi código jQuery está muy bien y hace exactamente lo que quiero, sin embargo, tengo una bichos todavía tengo que limar.

Cada vez que haga clic en uno de estos epígrafes y es descripción se muestra, todo en la envoltura de la página se desplaza hacia la izquierda a unos 7 píxeles en Firefox, que hace lo mismo es Google Chrome sin embargo no he medido el amout, pero estoy asegurarse de que es irrelevante.

De todas formas, estoy usando el comando slideToggle () para mostrar la parragraph oculta. Asumo que esto está ocurriendo porque cuando el slideDown se produce alguna manera está cambiando el ancho de todo y el "margin: 0 auto;" escenario de la regla de envoltura en mi css está compensando por este cambio. ¿Alguien tiene alguna manera de solucionar este problema? He intentado varias otras correcciones que he encontrado en todo el Internet, pero en vano.

Esto es lo que mi apariencia código como, lo puse en jsFiddle para que sea más fácil para ver: http: // jsfiddle.net/vcH7m/ Siéntase libre para editarlo allí si te gusta, o enviar lo que hay que arreglar aquí. Lo que es más conveniente. Muchas gracias por la ayuda!

Answer 1

Este desplazamiento es causado probablemente por la barra de desplazamiento vertical. Si la página se hace demasiado grande, entonces la barra de desplazamiento vertical se mostrará y enviar el párrafo del ancho de un poco más a la izquierda. Esto se puede ver bien en el primero párrafo de la página jsFiddle dada Al reducir la ventana del navegador hasta alrededor de 1000x600.

Para solucionar esto, se puede considerar para posicionar una barra de desplazamiento vertical fijo.

html {
    overflow-y: scroll;
}