javascript - 如何在 IOS 上停止背景滚动？

您好，我目前遇到了一个只发生在 IOS 上的问题。我有一个 dropdown menu仅在手机和平板电脑模式下显示。当burger icon单击它，它修复了 html 和正文，这适用于所有设备，除了 IOS，我在 iPhone 5C 上测试过。

下面我列出了我使用过的停止背景滚动的代码。一旦burger icon单击它会切换类 noScroll。类 noScroll 由 overflow:hidden; 组成，然后应用于 html 和正文。

我完全不知道为什么这不适用于 IOS，也许是因为弹跳滚动？我不确定。

我正在处理的网站是Redec

jQuery(function($) {
  $(".x-btn-navbar").on("click", function() {
    $("html, body").toggleClass("noScroll");
  });
});

.noScroll {
    overflow: hidden;
    /* position: fixed */ 
}

最佳答案

很抱歉将此作为解决方案发布，但我还没有足够的声誉来发表评论，我认为您可以在这里找到解决方案 => Does overflow:hidden applied to <body> work on iPhone Safari?

关于javascript - 如何在 IOS 上停止背景滚动？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53835352/