Более 1300 историй успеха наших клиентов

$(function() { // Укажи ID Zero блока cо скроллом и включи overflow: auto var blockScrollId = '#rec869307880'; // Укажи ID Zero блока cо стрелками и добавь каждой класс arrow-left1 или arrow-right1 var blockArrowsId = '#rec869307879'; var shiftSize; $(window).on('load resize', function(){ if (window.matchMedia('(max-width: 480px)').matches) { // Укажи величину сдвига при клике на стрелку для разрешения 320-480px shiftSize = '800px'; } else if (window.matchMedia('(max-width: 640px)').matches) { // Укажи величину сдвига при клике на стрелку для разрешения 481-640px shiftSize = '800px'; } else if (window.matchMedia('(max-width: 960px)').matches) { // Укажи величину сдвига при клике на стрелку для разрешения 641-960px shiftSize = '800px'; } else if (window.matchMedia('(max-width: 1200px)').matches) { // Укажи величину сдвига при клике на стрелку для разрешения 961-1200px shiftSize = '800px'; } else { // Укажи величину сдвига при клике на стрелку для разрешения больше 1200px shiftSize = '800px'; } }); $(blockScrollId + ' .t396__artboard').addClass('scrollbooster-viewport').wrapInner(''); $(blockScrollId + ' .t396').css('overflow','hidden'); new ScrollBooster({ viewport: $(blockScrollId + ' .scrollbooster-viewport')[0], content: $(blockScrollId + ' .scrollbooster-content')[0], scrollMode: 'native', pointerMode: 'mouse', bounce: false, onPointerDown: function() { $(blockScrollId + ' *:focus').blur() } }); $(blockArrowsId + ' .arrow-left1').on('click', function(e) { e.preventDefault(); $(blockScrollId + ' .t396__artboard').animate( { scrollLeft: '-=' + shiftSize }, 300); }); $(blockArrowsId + ' .arrow-right1').on('click', function(e) { e.preventDefault(); $(blockScrollId + ' .t396__artboard').animate( { scrollLeft: '+=' + shiftSize }, 300); }); t396__onResize() });