0

Добрый день!

Как сделать, чтобы slider scrollbar прокручивал не одну строку с содержимым, а сразу три. Slider стандартный jquery simple scrollbar. Планируется, что содержимое ("квадратики") определённого размера будут добавляться динамически. Причём этих квадратиков может быть хоть и 5 штук, а строчек должно быть строго три. Есть идеи как это сделать? В jquery новичок.

1 ответ 1

0

В данном случае неважно сколько "строчек" будет. Двигается контейнер, а сколько в нем будет строк или квадратиков зависит от вас. Важна только ширина контейнера.

вот тот же пример с измененной шириной контейнера... ваши три строки.

5
  • Изменения только в том, что к исходному примеру добавлены несколько строк до комментария. если у вас работает исходный пример с jqueryui, то просто добавьте эти строки в начало js-функции. смысл в них в том, что они задают ширину и высоту контейнера по размерам квадратиков. этого можно добиться просто в css, например... 15 мар 2012 в 13:44
  • Дело в том что у меня ширина резиновая (100%), а необходимо именно три строчки. Как быть в этом случае? 15 мар 2012 в 13:44
  • Правое нижнее поле, там где результат, - это frame. Просто откройте исходник этого фрейма. 15 мар 2012 в 13:48
  • Спасибо, я уже разобрался как скопировать. Ответьте пожалуйста на вопрос про ширину. 15 мар 2012 в 13:52
  • Ширина не может быть 100%, иначе скроллинга просто не будет, квадратики будут сами переноситься на следующие строки и их будет столько сколько влезет в строку при 100%. В любом случае надо рассчитывать ширину контейнера относительно квадратиков. В примере с jqueryui ширина контейнера заранее посчитана и вынесена в css 2440px. Если у вас квадратики добавляются динамически, значит и ширину эту надо менять динамически так, чтоб было 3 строки. Плюс слайдер глючит при указании ширины в %. 15 мар 2012 в 14:27

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.