在移动设备中隐藏内容时页面向上滚动

Question

我尝试切换以下website

上的内容

它在台式机上运行良好，但在移动内容隐藏菜单中会向上滚动页面。

代码如下：

if (galileo.style.display === "none") {
    p.classList.remove("fadeOutRight");
    ul.classList.remove("fadeOutRight");
    h1.classList.remove("fadeOutRight");
    img.classList.add("show-img-shadow");
    $("#galileo-content").slideToggle();
    defaultOptions = {
        ...defaultOptions,
        galileo: true
    };
} else {
    p.classList.add("fadeOutRight");
    ul.classList.add("fadeOutRight");
    h1.classList.add("fadeOutRight");
    img.classList.remove("show-img-shadow");
    $("#galileo-content").slideToggle();
    defaultOptions = {
        ...defaultOptions,
        galileo: false
    };
}   

我试图在显示时将高度设置为300px，在隐藏时将高度设置为0px，但这还是行不通的。

if (galileo.style.height === "0px") {
    p.classList.remove("fadeOutRight");
    ul.classList.remove("fadeOutRight");
    h1.classList.remove("fadeOutRight");
    img.classList.add("show-img-shadow");
    $("#galileo-content").css('height', '300px');
    defaultOptions = {
        ...defaultOptions,
        galileo: true
    };
} else {
    p.classList.add("fadeOutRight");
    ul.classList.add("fadeOutRight");
    h1.classList.add("fadeOutRight");
    $("#galileo-content").css('height', '0px');
    defaultOptions = {
        ...defaultOptions,
        galileo: false
    };
}