MediaWiki:Common.js: различия между версиями

Материал из FREESTREET База знаний
Перейти к навигации Перейти к поиску
Нет описания правки
Метка: отменено
Нет описания правки
Метка: отменено
Строка 7: Строка 7:
     e.preventDefault();
     e.preventDefault();
}, { passive: false });
}, { passive: false });


function adjustContainerSize() {
function adjustContainerSize() {
     var container = document.querySelector('.event-container');
     var container = document.querySelector('.event-container');
     var windowWidth = window.innerWidth; // Получаем ширину окна браузера
     var blocks = document.querySelectorAll('.event-container .event-block');
 
    // Рассчитываем общую ширину всех блоков
    var totalWidth = 0;
    blocks.forEach(function(block) {
        totalWidth += block.offsetWidth + 20; // 20px - это предполагаемый margin-right для каждого блока
    });


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



Версия от 07:02, 20 декабря 2023

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 blocks = document.querySelectorAll('.event-container .event-block');

    // Рассчитываем общую ширину всех блоков
    var totalWidth = 0;
    blocks.forEach(function(block) {
        totalWidth += block.offsetWidth + 20; // 20px - это предполагаемый margin-right для каждого блока
    });

    // Устанавливаем ширину контейнера равной общей ширине всех блоков
    container.style.width = totalWidth + 'px';
}

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

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