Как сделать горизонтальный скролл в зеро блоке?

Этот скрипт позволит тебе сделать простой и удобный боковой скролл в зероблок со своими стрелками. Работает с Autoscale. Пример работы модификации внизу cтраницы

1 мин.

Обновление от 17.09.24 - В скролле логика стрелок теперь опирается на id блока со стрелками, смотри п.2 текстовой инструкции ниже↓

Видео-инструкция

!

Видео-инструкция

JavaScript
Zeroblock
1. Создай нужное количество зероблоков с выходящими за их границы элементами, в которых будем делать боковой скролл и укажи их recid в генераторе

2. Если будешь делать стрелки для скролла, то задай им класс scrollfwd для стрелки вперед и scrollback для стрелки назад и укажи id блока в котором у тебя эти стрелки в генераторе. Если тебе нужно чтобы стрелки накладывались на блок ниже, то просто включи в самом зероблоке overflow visible




3. Также если будешь делать стрелки, то пропиши расстояние, на которое они будут скроллить блок для всех разрешений и задай время анимации перелистывания

4. Если будешь делать скролл блока по колесику мыши, то выбери соответствующую настройку (также см. Важно)

5. Скопируй код и вставь в блок т123
Инструкция
Важно!
- Скролл будет работать до самого крайнего правого элемента (до его правой части). Поэтому если например у тебя он обрезается каким-нибудь меню, или просто нужно сделать отступ, то просто сделай прозрачный шейп и им всё отрегулируй
- Если тебе нужно сделать, чтобы в одном блоке скролл прокручивался мышкой, а в другом нет, то выбери соответствующий пункт и сгенерируй код для этих блоков отдельно (также поступи и в случае с "переводить боковой скролл колесиком мыши в обычный при окончании бокового скролла" или если у тебя много скроллов со стрелками)
(Развернуть)
undefined
Скопировать
Скопировать
scrollfwd
undefined
scrollback
Скопировать код
Отчистить поля
 
123
Поскольку для всех зеро боковой скролл задается одним блоком т123, то здесь будет один пример с двумя блоками. В нижнем включены стрелки и автоскейл
Пример работы модификации
Zero Block 1
create your own block from scratch
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Zero Block 2
create your own block from scratch
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Zero Block 3
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Пример с боковым скроллом колесиком мыши. Обрати внимание, что поскольку у меня в первых двух блоках скролла мышью нет, то для этого блока мне нужно было сгенерировать отдельный код
Нажимая "Отправить", вы даете согласие на обработку персональных данных в соответствии с Политикой конфиденциальности

Опиши нужный функционал через эту форму и он будет добавлен!

Не хватает какой-то функции?