iPhone禁用向左和向右滑动以使页面移动

Question

我会尽力解释这一点。如果您在任何iPhone上访问target.com或amazon.com，并且您尝试向左或向右滑动，则页面无法移动。我目前有一个网站，如果有人向左或向右滑动，只有主页在移动。如果你放手，屏幕会跳回中间，但它仍然很烦人。它只适用于iPhone，这与iPhone 7无关，您可以在其中前后移动。唯一能修复它的是缩小页面，然后当它跳回到正常时，只有这样才能不能左右滑动。这是检查的网站链接：airlinehyd.com

有没有办法通过jQuery或CSS关闭它？我已经尝试将overflow-x: hidden;添加到身体但是没有做任何事情。有任何想法吗？

Answer 1

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

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

来源：Prevent "overscrolling" of web page

确保在推送到生产之前在所有浏览器和移动设备上进行测试，但它确实适用于iphone。