slidedown () macht alles in Wrapper-Verschiebung

Question

Ich bin derzeit ein einfaches Menü zu schaffen, wo es mehrere Namen der Dienste und ein Benutzer kann auf einen Klick und jQuery zeigt es entsprechend Absatz es darunter zu beschreiben. Mein jQuery-Code ist fein und genau das tut, was ich will, aber ich habe einen Fehler ich noch auszubügeln.

Jedes Mal, wenn ich eine dieser Überschriften klicken und Beschreibung angezeigt wird, alles in der Wrapper für die Seite verschiebt sich nach links über 7 Pixel in Firefox, tut es die gleiche Sache ist Google Chrome aber ich nicht die amout gemessen haben, aber ich bin sicher, es spielt keine Rolle.

Wie auch immer, ich bin mit dem slideToggle () Befehl, um die versteckten parragraph zu zeigen. Ich nehme an, dies wird auftreten, weil, wenn das auftritt slidedown es irgendwie ist die Breite der alles verändert und die „margin: 0 auto;“ Einstellung für die Wrapper-Regel in meinem CSS ist für diese Änderung zu kompensieren. Hat jemand eine Weise, die ich dieses Problem beheben? Ich habe mehr andere Fixes habe ich versucht, um das Internet gefunden habe, aber ohne Erfolg.

Hier ist, was mein Code aussieht, ich legte es auf jsFiddle es leichter Ansicht zu machen: http: // jsfiddle.net/vcH7m/ es zu bearbeiten Fühlen Sie sich frei gibt, wenn Sie möchten, oder nach, was hier festgelegt werden muss. Was auch immer ist bequemer. Vielen Dank für die Hilfe!

Answer 1

Diese Verschiebung durch die vertikale Scrollbar wahrscheinlich verursacht. Wenn die Seite zu groß wird, dann wird die vertikale Bildlaufleiste angezeigt, und drücken Sie die Absatzbreite etwas mehr nach links. Sie können im ersten Absatz der gegebenen jsfiddle Seite so gut sehen, wenn Sie den Browser Ansichtsfenster über 1000x600 schrumpfen.

Um dies zu beheben, können Sie prüfen, eine feste vertikale Bildlaufleiste zu positionieren.

html {
    overflow-y: scroll;
}