html - iPhone 禁用左右滑动来移动页面

Question

我会尽力解释这一点。如果您在任何 iPhone 上访问 target.com 或 amazon.com，并尝试向左或向右滑动，页面不会移动。我目前有一个网站，如果有人向左或向右滑动，只有主页会移动。如果松手，屏幕会跳回中间，但仍然很烦人。它只在 iPhone 上，这与 iPhone 7 无关，在 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。