Html iPhone禁用左右滑动以移动页面

我会尽力解释的。如果您在任何iPhone上访问target.com或amazon.com，并尝试向左或向右滑动页面，页面不会移动。我目前有一个网站，如果有人向左或向右滑动，只有主页在移动。如果你放手，屏幕会跳回到中间，但还是很烦人。它只出现在iPhone上，这与iPhone 7没有关系，在iPhone 7中，刷卡可以让你返回或前进。唯一能修复它的是缩小页面，然后当它跳回正常状态时，只有这样你才能不左右滑动。这是要查看的网站链接：airlinehyd.com

有没有办法通过jQuery或CSS关闭此功能？我尝试添加

overflow-x:hidden到身体，但那没有任何作用。有什么想法吗

html {
overflow: hidden;
/* height: 100%; I commented out this declaration because it messes up your scrolling */
}

body {
height: 100%;
overflow: auto;
}

资料来源：

在投入生产之前，请确保在所有浏览器和移动设备中都进行测试，但它在iphone上确实可以工作。
这可以按照我的要求工作，但在使用inspect工具时会阻止滚动，因此我必须找到另一种解决方案。不要将这些规则添加到包含类或ID的选择器中。确保您的选择器只显示
html{}
和
body{}
——在css底部创建这些新规则以确保。并从身体中移除旧的
溢出-x:hidden
，以防万一。此修复程序适用于我使用Safari Mobile Web Inspector（在iphone上）在您的网站上运行，并且在实施时不会破坏您的滚动。在我从内部注释掉
高度：100%
之前，您可能已经尝试过我的解决方案
html{}
-请查看我的灰色区域更新答案。当我包括
身高时：100%
在
html{}
选择器中，这就是阻碍您滚动的原因。当我把它评论出来时，它就像一个符咒。或者，您尝试使用的开发环境可能与您指向我们的实时站点不同。如果您已经用注释掉的
高度：100%
尝试过我的解决方案，请尝试取消注释，看看这是否有效。