如何在iOS上停止后台滚动?

时间:2018-12-18 14:37:12

标签: javascript jquery html ios css

您好,我目前停留在仅在IOS上发生的问题。我有一个dropdown menu,仅在移动和平板电脑模式下显示。单击burger icon时,它修复了html和body,这在除iOS之外的所有设备上都有效,我在iPhone 5C上对此进行了测试。

下面我列出了我用来停止背景滚动的代码。单击burger icon后,它将切换类noScroll。 noScroll类由overflow:hidden;组成,该jQuery(function($) { $(".x-btn-navbar").on("click", function() { $("html, body").toggleClass("noScroll"); }); }); 然后应用于html&body。

我完全不知道为什么这不能与IOS一起使用,也许是因为弹跳滚动?我不确定。

我正在工作的网站是Redec

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

{{1}}

1 个答案:

答案 0 :(得分:0)

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