javascript - iMac Safari 浏览器中不显示 css 下拉菜单

Question

总下拉菜单是在 css 上制作的，滚动导航位置由一些普通的 javascript 固定。

对于滚动位置

/**
 * Sticky JavaScript Navigations
 * For Home Page Only
 */


window.onscroll = function () {
    navSticky()
};

const mghFixedNav = document.getElementsByClassName("mgh-main-nav-area")[0];

// const sticky = llnav.offsetTop;
function navSticky() {
    if (window.pageYOffset > 100) {

        mghFixedNav.style.top = "50px";
        mghFixedNav.style.width = "100%";
        mghFixedNav.style.left = "0";
        mghFixedNav.style.right = "0";
    } else {
        mghFixedNav.style.top = "75px";
        mghFixedNav.style.width = "95%";
        mghFixedNav.style.left = "2.5%";
        mghFixedNav.style.right = "2.5%";
    }
}

Firefox 和 Chrome 浏览器完美运行，但 iMac 中的 Safari 浏览器不显示导航栏和下拉菜单。

这是代码笔 link

谁能帮帮我？提前致谢..

Answer 1

只需删除以下 CSS 代码，它就会开始在 Safari 上运行:

//header top

header {
  overflow: hidden;
}

这是代码笔 link通过它您可以直接验证这一点。