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

例子

注意：如果您禁用滚动，用户将根本无法垂直滚动。超出视口的内容将被隐藏