Ascia Wiki

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

← Предыдущая правка
Нет описания правки
Нет описания правки
 
(не показаны 3 промежуточные версии этого же участника)
Строка 33: Строка 33:
});
});


// Автоскролл при открытии выпадающих блоков
// Автоскролл после открытия спойлера в меню Citizen
document.addEventListener("DOMContentLoaded", function () {
$(document).on('click', '.dropdown .dropbtn', function () {
    const dropdowns = document.querySelectorAll(".dropdown");


     dropdowns.forEach(dropdown => {
     var $dropdown = $(this).closest('.dropdown');
        const btn = dropdown.querySelector(".dropbtn");
    var $content = $dropdown.find('.dropdown-content');


        btn.addEventListener("click", function () {
    // Даем CSS-анимации завершиться, если она есть
    setTimeout(function () {


            // закрываем другие спойлеры
        // Если блок теперь виден — скроллим к нему
            dropdowns.forEach(d => {
        if ($content.is(':visible')) {
                if (d !== dropdown) d.classList.remove("active");
            var top = $dropdown.offset().top - 80; // отступ сверху (регулируется)
             });
             $('html, body').animate({ scrollTop: top }, 300);
        }


            // переключаем текущий
    }, 200);
            dropdown.classList.toggle("active");
 
            // если открыт — скроллим к нему
            if (dropdown.classList.contains("active")) {
                setTimeout(() => {
                    dropdown.scrollIntoView({
                        behavior: "smooth",
                        block: "start"
                    });
                }, 150); // ждем пока CSS-анимация начнёт увеличивать высоту
            }
        });
    });
});
});
Источник — http://asciawiki.ru/index.php/MediaWiki:Common.js