MediaWiki:Common.js: различия между версиями
Перейти к навигации
Перейти к поиску
Gryadka (обсуждение | вклад) Нет описания правки Метка: отменено |
Gryadka (обсуждение | вклад) Нет описания правки Метка: отменено |
||
Строка 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 | 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'; | |||
} | } | ||
Версия от 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);