css - Webモバイルブラウザでのxスクロールの防止

Question

私はモバイルでブラウザを実行していますが、1ページに表示されるのは、右に大きくスクロールすることです。だから私はこれを使用しました：

   body{
    overflow-y: scroll !important;    
       overflow-x: hidden !important;
    }

それは役に立ちませんでした、そして私がブラウザでサイトを実行するとき..そのような効果は起こりません。yスクロールを無効にする方法はありますか？おそらくそれはモバイル用のブラウザにも適しているでしょう！？

Answer 1

yスクロールを無効にしたいのですが、xここで無効にしています

html, body {  /*You probably wont need !important too */
   overflow-y: hidden !important;    
   overflow-x: auto !important; /*Or you can use scroll value as well*/
}

例

注：スクロールを無効にしている場合、ユーザーは垂直方向にスクロールできなくなります。ビューポートからオーバーフローしたコンテンツは非表示になります。