css - 防止网络移动浏览器上的 x 滚动

Question

我在移动设备上运行我的浏览器，我在一个页面上看到的是一个巨大的向右滚动的 y 轴。所以我用了这个:

   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

Note: If you are disabling your scroll, users wont be able to scroll vertically at all..content overflowed out of the viewport will be hidden