在浏览器中模拟测试的时候直接使用html,body{overflow：hilddenoverflow-y:auto},可以达到禁用横向滚动条的效果。
但是一放到手机上页面就会被强制加宽，出现横 向滚动条，而且在侧边栏收起后页面并没有恢复为原来尺寸，横向滚动条并无消失，百度了各种js无果。
结果最后试着加 了两行css,竟然解决了 0.0，以下是html,body最终样式
* {margin: 0padding: 0}
html,body{
width: 100%
height: 100%
position: absolute
left: 0top: 0
overflow: hidden
overflow-y: auto
}
#wrapp
补充：除了这个还有个关于iframe中A 标签在手机上失效的问题，百度后发现原来是iframe无法滚动所致，把scrolling属性设置为auto后解决。
在 CS6 中，要去掉横向滚动条，可以使用 CSS 样式来实现。具体步骤如下：打开需要去掉横向滚动条的网页或应用程序。
找到包含横向滚动条的元素或容器，例如 <body>或 <div>元素。
在 CSS 样式表中添加以下样式：
css
Copy code
body {
overflow-x: hidden
}
或
css
Copy code
div {
overflow-x: hidden
}
这些样式将会禁用横向滚动条，因为 overflow-x 属性指定了在容器的内容超出容器的宽度时如何处理滚动条。将其设置为 hidden 将会禁用横向滚动条。
保存样式表并重新加载页面或应用程序。
这样就可以去掉横向滚动条了。需要注意的是，如果内容宽度超出了容器宽度，内容将会被裁剪，所以要确保容器宽度足够以适应内容。
细心的朋友会发现，平时上网的时候，网页页面有2个条，居于网页左下侧和最右侧，分别为横线滚动条和竖向滚动条。这2个滚动条可以方便查看因为屏幕太小显示不了的页面。但是有时候开发网页的时候，并不需要这个滚动条，那么怎么去掉这2个滚动条呢？下面小编就教大家解决的办法。工具/原料
html基础知识，去掉横竖滚动条
方法/步骤
1
首先来看竖滚动条，如下图，在屏幕最右侧的位置。
2
怎么去掉最右侧的这个导航条呢？
我们在</body>之前加上这条html代码：
<body style="overflow:-Scrolloverflow-y:hidden" >
3
然后保存代码，刷新页面看看最右侧的滚动条是不是去掉了呢，刷新以后最右侧的滚动条的确已经不在了。
4
然后再来看看横向滚动条，如下图，在屏幕最下侧的位置。
5
怎么去掉最下侧的这个导航条呢？
我们在</body>之前加上这条html代码：
<body style="overflow:-Scrolloverflow-x:hidden">
6
然后保存代码，刷新页面看看最下侧的左右滚动条是不是去掉了呢，刷新以后最下侧的滚动条的确已经不在了。
END
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）