https://umnitsa.ru/mg-templates/p55-organic-mini/components/compare/compare.js?rev=1603095497

1$(document).ready(function () {
2    // Блокируем скролл body
3    $('body').addClass('l-body_overflow_hidden');
4
5    var compareMain = $('.js-compare-page'), // Главный контейнер
6        compareItem = $('.js-compare-item'), // Блок товара в сравнении
7        scrollContainer = $('.js-scroll-container'); // Блок, к которому будем добавлять двойную прокрутку
8
9    // Если в сравнении нет ни одного товара, скрываем главный контейнер
10    if (compareItem.length === 0) {
11        compareMain.hide();
12    }
13
14    // Добавляем скролл-бар и сверху и снизу блока сравнения
15    function DoubleScroll(element) {
16        var scrollbar = document.createElement('div');
17        scrollbar.setAttribute("class", "second-scroll");
18        scrollbar.appendChild(document.createElement('div'));
19        scrollbar.style.overflow = 'auto';
20        scrollbar.style.overflowY = 'hidden';
21        scrollbar.firstChild.style.width = element.scrollWidth + 'px';
22        scrollbar.firstChild.style.paddingTop = '1px';
23        scrollbar.firstChild.appendChild(document.createTextNode('\xA0'));
24        scrollbar.onscroll = function () {
25            element.scrollLeft = scrollbar.scrollLeft;
26        };
27        element.onscroll = function () {
28            scrollbar.scrollLeft = element.scrollLeft;
29        };
30        var scrollbarWrap = document.createElement('div');
31        scrollbarWrap.classList.add('second-scroll__wrap');
32        scrollbarWrap.appendChild(scrollbar);
33        element.parentNode.insertBefore(scrollbarWrap, element);
34    }
35
36    DoubleScroll(scrollContainer[0]);
37});