单击时setTimeout和scrollTop动画在accordion中不起作用

document.querySelector('.accordion-header').addEventListener('click', function(event) {
    event.stopPropagation(); // 阻止事件冒泡
    event.preventDefault(); // 阻止默认行为
    // 动画代码
});

let isAnimating = false;

document.querySelector('.accordion-header').addEventListener('click', function() {
    if (isAnimating) return;
    isAnimating = true;

    setTimeout(() => {
        // 执行scrollTop动画
        const accordionContent = document.querySelector('.accordion-content');
        accordionContent.style.transition = 'scrollTop 0.3s ease-in-out';
        accordionContent.scrollTop = 0; // 或其他目标值

        setTimeout(() => {
            isAnimating = false;
        }, 300); // 动画持续时间
    }, 100); // 延迟时间
});

.accordion-content {
    overflow: auto;
    position: relative;
}

document.addEventListener('DOMContentLoaded', function() {
    document.querySelector('.accordion-header').addEventListener('click', function() {
        // 动画代码
    });
});

function smoothScrollTo(element, to, duration) {
    const start = element.scrollTop;
    const change = to - start;
    let currentTime = 0;
    const increment = 20;

    function animateScroll() {
        currentTime += increment;
        const val = Math.easeInOutQuad(currentTime, start, change, duration);
        element.scrollTop = val;
        if (currentTime < duration) {
            requestAnimationFrame(animateScroll);
        }
    }

    animateScroll();
}

Math.easeInOutQuad = function(t, b, c, d) {
    t /= d / 2;
    if (t < 1) return c / 2 * t * t + b;
    t--;
    return -c / 2 * (t * (t - 2) - 1) + b;
};

document.querySelector('.accordion-header').addEventListener('click', function() {
    const accordionContent = document.querySelector('.accordion-content');
    smoothScrollTo(accordionContent, 0, 300); // 目标值和时间
});