Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Вертикальный скролл (https://javascript.ru/forum/dom-window/43799-vertikalnyjj-skroll.html)

Gerald 21.12.2013 10:50

Вертикальный скролл
 
Сейчас занимаюсь ковырянием чужого кода, написаного мягко говоря не лучшим образом. Скрипт занимается тем, что показывает расписание, и если кол-во данных больше того, что входит на экран, просто скорллит div-ы с информацией при помощи scrollToggle(). Задача стоит в том, что бы поменять скорлл с вертикального на горизонтальный, и строго слева-направо (без смены направлений) и при этом что бы они шли ровно-красиво, без разрыва, примерно как в каруселях-плагинах, но при этом эти плагины не использовать. Понимаю, что нужно делать в стиле
$("#divtbl"+fin).animate({left: parseInt($("#divtbl"+fin).css('left'),10) == 0 ? -$("#divtbl"+fin).outerWidth() :  0});

Однако тут нужно подогнать css-ку, а я верстальщик не очень, и по-моим прикидкам это будет похоже на жонглирование - увеличить ширину одного дива, уменьшить другого, другой спрятать, перенести по ДОМу за другой элемент... Извращения короче. Вот сижу, не могу сообразть, буду благодарен, за советы-подсказки.

danik.js 21.12.2013 15:41

Цитата:

Сообщение от Gerald
увеличить ширину одного дива, уменьшить другого, другой спрятать, перенести по ДОМу за другой элемент...

Почему же. Внутри вьюпорта плавно скроллить элемент с содержимым. Причем этот процесс нужно контроллировать. Если проскроллили до конца - перекидываем первые элементы в конец, одновременно исправляя положение left и наверное запуская анимацию вновь (не помню как там устроена анимация). А как иначе, если нужа зацикленность? Так что это точно не изврат. А вот про изменение ширины дива - это я не пойму зачем. Мож я вовсе не правильно понял что тебе требуется сделать?


Часовой пояс GMT +3, время: 14:46.