请容忍我，因为我对wordpress&；很陌生；elementor:D，所以目前我正在开发一个单页网站，但我想在用户访问网站之前放置一个部分/屏幕封面，然后单击“打开Web”按钮向下滚动或打开Web，并隐藏封面。

我正在使用Elementor，并仍在通过网站进行开发。

目前这是我的代码。

CSS：

body{
    overflow: hidden;
}

#coverpage{
    transition: height 2s;
}

#coverpage.shrink {
    height: 0;
} 

按钮html：

<input type="button" value="Open Web" onclick="openWeb()">

JS公司：

function openWeb() {    
    document.getElementById("coverpage").classList.toggle("shrink");
    document.body.style.overflow = "scroll";
}

这很好，除非用户已经向下滚动查看其他部分，然后刷新页面，它不会从封面加载回来。而不是当前的视图，这导致了一个问题，因为我将正文设置为溢出隐藏，因此用户在重新加载页面后无法滚动，并且被困在视图上。

我试着用display: hidden, 然后display: block 单击按钮时，运动效果-入口动画不起作用。。

有什么解决方法或建议吗？提前非常感谢！：D

window.onload = () => {
    setTimeout(() => {
        if (window.pageYOffset > 0) window.scrollTo(0, 0);
    }, 1);
};