Slidedown () делает все в сдвине обертки

Question

В настоящее время я создаю простое меню, в котором есть несколько имен услуг, и пользователь может нажать One, и jQuery покажет, что это соответствующий абзац, описывающий его ниже. Мой код jQuery в порядке и имеет именно то, что я хочу, однако у меня есть одна ошибка, которую я еще предстоит утюгнуть.

Всякий раз, когда я нажимаю одну из этих заголовков, и это описание дисплеи, все в обертке для страницы сдвигится слева от 7 пикселей в Firefox, он делает то же самое, что Google Chrome, однако я не измерил Amout, но я уверен, что это не имеющий отношения.

В любом случае, я использую команду SlideToggle (), чтобы показать скрытое параграф. Я предполагаю, что это происходит, потому что когда возникает Сланддаун, это как-то меняет ширину всего и «маржа: 0 авто;» Установка для правила обертки в моих CSS компенсирует это изменение. У кого-нибудь есть способ, которым я могу исправить эту проблему? Я попробовал несколько других исправлений, которые я нашел вокруг Интернета, но безрезультатно.

Вот как выглядит мой код, я положил его на jsfiddle, чтобы облегчить просмотр: http://jsfiddle.net/vch7m/ Не стесняйтесь редактировать его там, если вам нравится, или опубликовать, что нужно исправить здесь. Что бы ни было удобнее. Огромное спасибо за помощь!

Answer 1

Это смещение, вероятно, вызвано вертикальной прокруткой. Если страница становится слишком большой, то вертикальная прокрутка будет отображаться и толкает ширину абзаца немного больше влево. Вы можете увидеть это хорошо в 1-м абзаце данной страницы JSFiddle, когда вы сокращаете просмотр браузера до 1000x600.

Чтобы исправить это, вы можете рассмотреть возможность разместить фиксированную вертикальную прокрутку.

html {
    overflow-y: scroll;
}