すべてのモバイル端末でスクロールを無効にする

質問

インターネット上に解決策がありそうなものですが、なぜか見つけることができません。私は、モバイル デバイスでの水平スクロールを無効にしたいと思います。基本的に、これを実現しようとしています。

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

これは関連情報かもしれません。私は、ユーザーがズームできるようにしたくないので、headタグにこれを入れています。

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

ありがとうございます。

どのように解決するのですか？

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

相対位置は重要であり、私はちょうどそれについてつまずいた。それなしでは動作させることができませんでした。