`

隐藏或屏蔽IE滚动条（转）

 
阅读更多

转自:http://www.cnblogs.com/Dot-Boy/archive/2009/03/27/1423315.html

1、完全隐藏
在<boby>里加入scroll="no"，可隐藏滚动条；

<boby scroll="no">


2、在不需要时隐藏
指当浏览器窗口宽度或高度大于页面的宽或高时，不显示滚动条；反之，则显示；

<boby scroll="auto">

3、样式表方法
在<boby>里加入style="overflow-x:hidden"，可隐藏水平滚动条；加入style="overflow-y:hidden"，可隐藏垂直滚动条。
这种方法在页面头部为：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "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>

此方法在页面头部为：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">这种兼容模式下也是不行的。

<style type="text/css">
html {
overflow-x:hidden; /*隐藏水平滚动条*/
overflow-y:hidden; /*隐藏水平滚动条*/
}
</style>

 

分享到：
| jquery里iframe自适应高度 (转)
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    屏蔽IE的工具栏菜单栏地址栏（一共两个）

    `noBorderWin`函数接受多个参数，包括窗口将要显示的文件名、窗口的宽度和高度、标题背景色、移动时背景色、标题文字颜色、标题文字内容以及是否允许滚动条。这个函数构建了一个包含自定义标题栏、最小化和关闭按钮...

    JS实用技巧小结(屏蔽错误、div滚动条设置、背景图片位置等)

    在某些设计中，可能需要隐藏或控制div的滚动条。例如，如果希望某个div只显示垂直滚动条，而隐藏水平滚动条，可以使用CSS样式来实现： ```css div { overflow-x: hidden; overflow-y: auto; } ``` 这段CSS代码会...

    关于HTML中的滚动条使用技巧分享

    例如，可以使用CSS媒体查询（media queries）来在不同屏幕尺寸下显示或隐藏滚动条。 8. **JavaScript滚动动画**： 通过JavaScript，可以实现平滑的滚动效果，例如利用`window.scrollTo()`方法配合定时器创建动画...

    屏蔽IE弹出您查看的网页正在试图关闭窗口,是否关闭此窗口的方法

    本文将详细讲解如何在IE浏览器中，特别是IE6和IE7版本，屏蔽“您查看的网页正在试图关闭窗口，是否关闭此窗口”的提示，并实现全屏显示页面。 在IE6中，如果一个网页需要自动关闭自身并防止弹出确认关闭的对话框，...

    《程序天下：JavaScript实例自学手册》光盘源码

    9.24 用JavaScript隐藏或显示表格列 9.25 滚动的表格 9.26 交换表的行 9.27 动态拖放表格的宽度 9.28 可输入内容的表格 9.29 可以分级的表格隐藏 9.30 动态创建表格并实现分页 9.31 删除表格指定行 9.32 设置表格的...

    程序天下:JavaScript实例自学手册

    9.24 用JavaScript隐藏或显示表格列 9.25 滚动的表格 9.26 交换表的行 9.27 动态拖放表格的宽度 9.28 可输入内容的表格 9.29 可以分级的表格隐藏 9.30 动态创建表格并实现分页 9.31 删除表格指定行 9.32 设置表格的...

    40种网页常用小技巧(javascript)

    overflow-x:hidden"&gt;` 只显示垂直滚动条，而 `&lt;body scroll="no"&gt;` 则完全隐藏滚动条。 11. 去除图片链接虚线：在图片链接周围添加 `onFocus="this.blur()"` 可以消除链接被点击后出现的虚线框。 12. 电子邮件表单...

    windows xp注册表优化

    减少开机滚动条滚动次数.reg 删除Windows自带的墙纸.cmd 删除Windows自带的屏幕保护程序.cmd 删除图标快捷方式的字样.reg 删除在开始菜单中的(文档)选项.reg 加上复制和移动键.reg 加快XP开机及关机速度.reg 加快...

    超级模块7.2

    ' "网页_隐藏滚动条","网页_滚动条控制","网页_滚动条固定","网页_滚动条取位置","网页_滚动条取高宽","网页_替换选中内容","网页_创建新网页","网页_高亮关键字" ' "文本框_取对象","文本框_取数量","文本框_取...

    超级模块7.3破解

    ' "网页_隐藏滚动条","网页_滚动条控制","网页_滚动条固定","网页_滚动条取位置","网页_滚动条取高宽","网页_替换选中内容","网页_创建新网页","网页_高亮关键字" ' "文本框_取对象","文本框_取数量","文本框_取内容...

    超级模块 7.1 永久免费！

    ' "网页_隐藏滚动条","网页_滚动条控制","网页_滚动条固定","网页_滚动条取位置","网页_滚动条取高宽","网页_替换选中内容","网页_创建新网页","网页_高亮关键字" ' "文本框_取对象","文本框_取数量","文本框_取内容...

    Div+Css实现屏蔽效果

    2. 预先设定固定大小的Div，但可能会导致在不同尺寸的显示器上出现滚动条或者遮罩不完整的问题。可以通过CSS设置`overflow-x:hidden`来禁止横向滚动条，但这不是一种通用解决方案。 接下来，我们讨论Div的CSS样式：...

    JS固定表头和左边列V2.0（源码）

    2.表格父容器尺寸大小改变时，需要调用 setBoxSize 方法，目的是判断父容器是否出现滚动条 1.1 修正了对IE6、IE7的兼容问题 1.2 修正了固定行、列的样式问题 1.3 IE6/IE7浏览器 不启用该功能 1.4 增加了拆分线，...

    JavaScript网页特效范例宝典源码

    实例043 应用JavaScript实现指定尺寸无边框无滚动条窗口 67 1.8 水平导航条应用 69 实例044 图片按钮导航条 69 实例045 导航条的动画效果 71 实例046 不用图片实现质感导航条 72 1.9 下拉菜单式导航条 73 实例047 二...

    artDialog_Demo

    7、 锁屏的时候改用js屏蔽页面滚动功能，取消原来CSS隐藏滚动条，防止页面偏移 8、 给确定按钮增加Ctrl + Enter快捷键，锁屏的时候支持tab与方向键切换按钮焦点 9、 锁屏的时候屏蔽了键盘操作刷新、Tab切换(只在...

    HTML的一些小技巧

    **说明**：通过CSS属性或`&lt;body&gt;`标签属性屏蔽页面水平或垂直滚动条。 #### 16. 添加网站图标 ```html 网站域名/icon.ico"&gt; ``` **说明**：通过`&lt;link&gt;`标签设置网站图标，通常为16x16像素大小的ICO格式文件。 #...

    javascript网页特效实例大全（8-12）

    实例268　广告随滚动条漂移　418 9.4　页面动画效果　419 实例269　下雪　419 实例270　飘落的枫叶　421 实例271　下雨　423 实例272　背景的烟花效果　425 实例273　变色的圆圈　427 实例274　滚动的光环　429 实例...

    delphi 开发经验技巧宝典源码

    0015　以原始风格显示控件的滚动条　11 0016　使用快捷键打开对象观察器中的“...”按钮　11 1.5　其他相关应用技巧　11 0017　安装合适的Delphi版本　11 0018　熟练掌握Delphi中的菜单项　12 0019　构成Delphi项目...

Magicbox
Global site tag (gtag.js) - Google Analytics