Изменить ширину CSS с помощью центра javascript (JQuery Tools Scrollable)

Question

Я использую JQuery Tools Scrollable для создания прокручиваемой формы на всю ширину страницы, так что каждая страница формы прокручивается по всей странице, заменяясь следующей страницей, скользящей справа.

Проблема, с которой я столкнулся, заключается в том, чтобы центрировать каждую страницу так, чтобы она оставалась центрированной в условиях изменения размера браузера и масштабирования в браузере (Ctrl +/-).Мой код основан на: http://flowplayer.org/tools/demos/scrollable/site-navigation.html

Я пытался заключить мой код в div следующим образом:

<div style="margin-left:-440px; padding-left:50%; width:50%; min-width:880px;">

Но, поскольку этот div сам расположен в серединестраница, листы прокрутки не смещаются полностью к левому краю - они обрезаются на краю элемента div на расстоянии около 30% от левого края, что выглядит плохо.динамически измените поле left-left, которое я определил в div class = "items", чтобы оно всегда равнялось 50% - 440px, но не меньше 0.

Как я могу это сделать с помощью JavaScript?

Answer 1

является ли контейнер div абсолютным или относительным?Если он имеет определенную ширину, скажем, «800px», то его центрирование по горизонтали легко с автоматическими полями слева и справа, например, margin: 0 auto.В противном случае он получает обманщик.

Если вы хотите ответить на изменение размера в Javascript, в jquery я делаю что-то вроде $(window).resize(function() {}) ( документы здесь ) и внутри функции обработчика обновите некоторое значение вCSS.Если вы просто хотите увеличить ширину, но у вас все еще есть авто-поля, вы можете выбрать div и обновить свойство ширины, например, $('.mydiv').css('width', '900px');.Это будет срабатывать при любом изменении размера окна.