Я пытаюсь создать отзывчивое навигационное меню, подобное тому, что находится на http://www.barackobama.com. (См. мой JSFiddle http://jsfiddle.net/andfinally/VvWWh/.) На экранах меньшей ширины когда пользователь щелкает ссылку «Меню», содержимое главной страницы перемещается вправо, за пределы области просмотра, открывая навигационное меню ниже. Я делаю это, применяя класс .show-nav к html-элементу этого события, который перемещает содержимое в #main. #main имеет 1-секундное правило CSS перехода, чтобы сделать движение более плавным.
Кажется, пока это работает нормально в Chrome, когда вы открываете навигацию. Но когда вы снова сворачиваете его, текст в области содержимого перестраивается. Кто-нибудь может объяснить, как парням из Обамы удалось предотвратить это? Я бы хотел, чтобы контент скользил вперед и назад, как один статический объект.