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);