html - html元素和ios上的overflow-x

Question

我一直在寻找这个答案，但我在任何地方都找不到。

这是问题所在：我正在尝试为我正在处理的项目创建移动导航菜单。我试图防止#siteWrapper通过 JavaScript 向左移动时滚动。

我目前正在 iOS 模拟器中测试我的代码。这是我正在使用的 CSS：

html, body {
   overflow-x: hidden;
}

#siteWrapper {
    position: relative;
    left: 250px;
}

虽然这可行，但问题是它会杀死 iOS 中的本机滚动，这迫使您必须添加-webkit-overflow-scrolling: touch;才能放回滚动中。虽然这也很好，但它会与网站上的固定元素混淆......例如标题。它会跳来跳去，因为它-webkit-overflow-scrolling: touch;处理触摸事件的方式与原生方式不同。

我知道这可以工作，因为我已经看到它在其他插件中完成。我一直在寻找答案，我只是不知道如何解决这个问题。

有什么想法吗？？