1 мин
Zeroblock
Light
5
Этот скрипт позволит тебе сделать простой и удобный боковой скролл в зероблок со своими стрелками. Модификация совместима с Autoscale.
Как сделать горизонтальный скролл в зеро блоке?
(cвернуть)
Инструкция
Обновление от 11.12.24 - В скролле логика стрелок теперь опирается на id блока со стрелками, смотри п.2 текстовой инструкции ниже. Блоки для стрелок работают в соотношении с блоками для скролла - 1й с 1м и тд
scrollfwd
scrollback
1. Создай нужное количество зероблоков с выходящими за их границы элементами, в которых будем делать боковой скролл и укажи их recid в генераторе
2. Если будешь делать стрелки для скролла, то задай им класс scrollfwd для стрелки вперед и scrollback для стрелки назад и укажи id блока в котором у тебя эти стрелки в генераторе. Если тебе нужно чтобы стрелки накладывались на блок ниже, то просто включи в самом зероблоке overflow visible
3. Также если будешь делать стрелки, то пропиши расстояние, на которое они будут скроллить блок для всех разрешений и задай время анимации перелистывания
4. Если будешь делать скролл блока по колесику мыши, то выбери соответствующую настройку (также см. Важно)
5. Скопируй код и вставь в блок т123
- Скролл будет работать до самого крайнего правого элемента (до его правой части). Поэтому если например у тебя он обрезается каким-нибудь меню, или просто нужно сделать отступ, то просто сделай прозрачный шейп и им всё отрегулируй
- Если тебе нужно сделать, чтобы в одном блоке скролл прокручивался мышкой, а в другом нет, то выбери соответствующий пункт и сгенерируй код для этих блоков отдельно (также поступи и в случае с "переводить боковой скролл колесиком мыши в обычный при окончании бокового скролла" или если у тебя много скроллов со стрелками
Важно!
undefined
undefined
undefined
Отчистить поля
Загрузить сохраненные значения
undefined
Скопировать код
123Поскольку для всех зеро боковой скролл задается одним блоком т123, то здесь будет один пример с двумя блоками. В нижнем включены стрелки и автоскейл
Примеры работы модификации
