防止在Web移动浏览器上滚动x

Question

我在移动设备上运行我的浏览器以及我在一个页面上获得的内容，是一个向右滚动的巨大滚动。 所以我用过这个：

   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*/
}

Example

  

注意：如果您禁用滚动，则用户将无法滚动   垂直于所有..会溢出视口的内容   隐藏