Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите Ctrl+F5.
document.querySelector('.event-container').addEventListener('wheel', function(e) {
    if (e.deltaY > 0) {
        this.scrollLeft += 100;
    } else {
        this.scrollLeft -= 100;
    }
    e.preventDefault();
}, { passive: false });


function adjustContainerSize() {
    var container = document.querySelector('.event-container');
    var windowWidth = window.innerWidth; // Получаем ширину окна браузера

    // Здесь можно добавить логику для определения нового размера контейнера
    // Например, сделать ширину контейнера равной 80% от ширины окна:
    container.style.width = (windowWidth * 0.8) + 'px'; // Устанавливаем ширину контейнера
}

// Вызываем функцию при первой загрузке страницы
adjustContainerSize();

// Добавляем обработчик события на изменение размера окна
window.addEventListener('resize', adjustContainerSize);