javascript - 同一页面中两个元素之间的链接不起作用

Question

所以我使用这段代码是为了在页面之间平滑过渡

window.transitionToPage = function(href) {
    document.querySelector('body').style.opacity = 0
    setTimeout(function() { 
        window.location.href = href
    }, 500)
};

document.addEventListener('DOMContentLoaded', function(event) {
    document.querySelector('body').style.opacity = 1
});

const swup = new Swup();

在“项目部分”中，用户无法使用滚动条滚动，他只能通过单击按钮垂直滚动（实际上正文具有overflow-y：隐藏属性）。

一切正常，直到上面的代码链接到项目部分（如果代码在外部文件中或在 html 文件中的脚本标记之间）。

我有两种情况：

1. 页面之间的转换工作正常，但项目部分中的按钮不起作用（您可以单击它们但没有任何反应）；
2. 用户可以通过单击按钮滚动，但页面之间的平滑过渡不起作用（动画看起来很奇怪）。

感谢您的建议

标签： javascripthtmlanchorhref