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

这听起来好像互联网上应该有一个解决方案，但我不知道为什么我找不到它。我想禁用移动设备上的水平滚动。基本上试图实现这一目标：

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" />

Thanks

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

相对位置很重要，我只是偶然发现的。没有它就无法使其工作。