css隐藏滚动条(横向,坚向)

一些资料说 <boby>里加入scroll="no"，可隐藏滚动条；

在<boby>里加入style="overflow-x:hidden"，可隐藏水平滚动条；加入style="overflow-y:hidden"，可隐藏垂直滚动条。

1、完全隐藏

　　在里加入scroll="no"，可隐藏滚动条;

2、在不需要时隐藏

　　指当浏览器窗口宽度或高度大于页面的宽或高时，不显示滚动条;反之，则显示;

3、样式表方法

　　在里加入style="overflow-x:hidden"，可隐藏水平滚动条;

　　加入style="overflow-y:hidden"，可隐藏垂直滚动条。

　　被包含页面里加入

有一段解释是这样说的：body{ overflow-x:hidden; } 在标准 DTD 下是不可以的

html { overflow: scroll; }

强制隐藏滚动条:

html { overflow: hidden; }

隐藏IE的水平滚动条:

html { overflow-x: hidden; }

隐藏IE的垂直滚动条:

html { overflow-y: hidden; }

强制显示IE的水平滚动条:

html { overflow-x: scroll; }

强制显示IE的垂直滚动条:

html { overflow-y: scroll; }

强制显示Mozilla的水平滚动条:

html { overflow:-moz-scrollbars-horizontal; }

注意: 仅仅强制显示水平滚动条. 也就是说, 即使需要显示垂直滚动条时, 垂直滚动条也不会出现.

强制显示Mozilla的垂直滚动条:

html { overflow:-moz-scrollbars-vertical; }

注意: 仅仅强制显示垂直滚动条. 也就是说, 即使需要显示水平滚动条时, 水平滚动条也不会出现.

最终的解决办法：

在页面添加:

您可能感兴趣的文章：
javascript禁用浏览器滚动条的方法
css隐藏滚动条(横向,坚向)
html中去掉textarea右侧滚动条和右下角拖拽
CSS解决表格或图片内容将页面撑开的办法
jquery ui dialog ie8出现滚动条的解决方法
基于jquery的横向滚动条（滑动条）
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
基于jQuery的上下无缝滚动应用(单行或多行)
利用div+jquery自定义滚动条样式的2种方法
css中去除网页滚动条示例程序