#Эффект
Горизонтальный скролл с удержанием кнопки мыши
MENU
Мерцающая тень
Без тени
Ещё один элемент с тенью
Модификация добавляет функционал конкретному Zero block, в котором реализован горизонтальный скролл. Элементы будут скроллиться с помощью прокрутки и удержания кнопкой мыши. Также модификация скрывает горизонтальный скроллбар.
Как сделать
  1. В настройках Zero block поставь overflow: auto.
  2. Укажи здесь в настройках id блока.
  3. Скопируй сгенерированный код и вставь на свой сайт.
Горизонтальный скролл с удержанием кнопки мыши в Zero block
ID блока #rec236105000
Контейнер для демонстрации кода 
 <script src="https://unpkg.com/scrollbooster@3/dist/scrollbooster.min.js" defer></script> <script>
$(function() {

    // Укажи ID Zero блока и включи overflow: auto const blockId = '#rec236105419';
    
    $(blockId + ' .t396__artboard').addClass('scrollbooster-viewport').wrapInner('<div class="scrollbooster-content"></div>');
    $(blockId + ' .t396').css('overflow','hidden');
    
    new ScrollBooster({
        viewport: $(blockId + ' .scrollbooster-viewport')[0],
        content:  $(blockId + ' .scrollbooster-content')[0],
        scrollMode: 'native',
        pointerMode: 'mouse',
        bounce: false,
        onPointerDown: function() { $(blockId + ' *:focus').blur() }
    });

});
</script> <style> .scrollbooster-viewport {
    cursor: -webkit-grab;
    cursor: grab;
    padding-bottom: 30px;
    margin-bottom: -30px;
}
.scrollbooster-viewport:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.scrollbooster-content {
    position: absolute;
    width: 100%;
    height: 100%;
}
</style>
CONTACT ME