时间戳

首页 > 解决方案 > 如何在IOS上停止背景滚动？

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

问题描述

您好，我目前遇到一个仅在 IOS 上发生的问题。我有一个仅在移动和平板电脑模式下显示的下拉菜单。单击汉堡图标时，它会修复 html 和正文，这适用于除 IOS 之外的所有设备，我在 iPhone 5C 上进行了测试。

下面我列出了我用来停止背景滚动的代码。单击汉堡图标后，它会切换类 noScroll。noScroll 类由overflow:hidden;它组成，然后应用于 html & body。

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

我正在开发的网站是Redec

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

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

标签： javascriptjqueryhtmlioscss

解决方案

很抱歉将其发布为解决方案，但我还没有足够的声誉发表评论，我认为您可以在这里找到解决方案 =>是否溢出：隐藏应用于 <body> 在 iPhone Safari 上工作？

推荐阅读