禁用所有移动设备中的滚动

Question

听起来应该在整个Internet上都应该有一个解决方案，但是我不确定为什么找不到它。我想在移动设备上禁用水平滚动。基本上试图做到这一点：

body{
   overflow-x:hidden  // disable horizontal scrolling.
}

这可能是相关的信息：我的头部标签中也有此信息，因为我也不希望用户能够缩放：

<meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' />
<meta name="viewport" content="width=device-width" />

谢谢

Answer 1

html, body {
  overflow-x: hidden;
}
body {
  position: relative;
}

相对职位很重要，我只是偶然发现了这一点。没有它就无法使它工作。