您的位置:首页 > 其它

隐藏或屏蔽IE滚动条的几种常用方法

2016-06-02 12:54 417 查看
1、完全隐藏

在<boby>里加入scroll="no",可隐藏滚动条;

<boby scroll="no">

2、在不需要时隐藏

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

<boby scroll="auto">

3、样式表方法

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

这种方法在页面头部为:http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这种兼容模式下是不行的,其它的没试过,最后终于找到了正确的方法:

被包含页面里加入

<style>

html { overflow-x:hidden; }

</style>

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

4、另一种方法

<style type="text/css">

body {

overflow-x:hidden;

overflow-y:hidden;

}

</style>

此方法在页面头部为:http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这种兼容模式下也是不行的。
www.phperz.com

<style type="text/css">

html {

overflow-x:hidden;

overflow-y:hidden;

}

</style>

定义在html里就好了。如还有其它方法,欢迎大家列出!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: