去除网页滚动条的方法

默认状态下，当网页内容较多的时候，各网页浏览器会自动显示滚动条，在某些时候，我们不想显示滚动条，下面教你一些代码，可以去除横向滚动条、竖向滚动条、以及整体全部的滚动条，这些代码主要添加在页面的<body>标签后面：

去掉垂直方向（上下拉）的滚动条:
```
<body style="overflow:scroll;overflow-y:hidden">网页正文</body>
```
去掉水平方向（左右拉）的滚动条:
```
<body style="overflow:scroll;overflow-x:hidden">网页正文</body>
```
若水平的和垂直的都不想要，那就这样，更简单：
```
<body scroll="no"></body>
```
此些代码在IE8中做过测试，完全可用，火狐和chrome下也生效，相当不错了。

时间： 2024-08-06 06:37:43

去除网页滚动条的方法的相关文章

JS获取网页宽高方法集合

JS获取网页宽高等方法的集合:document.body.clientWidth - 网页可见区域宽document.body.clientHeight - 网页可见区域高 document.body.offsetWidth - 网页可见区域宽,包括边线和滚动条的宽document.body.offsetHeight - 网页可见区域高,包括边线和滚动条的高[FF,chrom下是整个页面高,IE opera 下正常] document.body.scrollWidth - 网页总宽documen

（转）CSS 禁止浏览器滚动条的方法

1.完全隐藏在里加入scroll="no",可隐藏滚动条: 这个我用的时候完全没效果,不知道是什么原因!不过好多人说这么用可以,大概是用的位置不一样吧 2.在不需要时隐藏指当浏览器窗口宽度或高度大于页面的宽或高时,不显示滚动条:反之,则显示: 3.样式表方法在里加入style="overflow-x:hidden",可隐藏水平滚动条:加入style="overflow-y:hidden",可隐藏垂直滚动条. 被包含页面里加入 html {

【整理】原生js和jQ获取窗口宽高及滚动条的方法和函数

原生js和jQ获取窗口宽高及滚动条的方法和函数一.原生js获取 1.实际宽高(不包括工具栏,滚动条的视口高度,ie6.7.8不支持) window.innerHeight window.innerWidth 2.显示屏宽高 screen.height screen.width 3..显示屏宽高(除windows任务栏之外的高度)屏幕可用工作区 screen.avaiHeight screen.availWidth 4.网页可见区域宽高 document.body.clientWidth doc

CSS中隐藏滚动条的方法

xhtml中隐藏滚动条在用ie6浏览有框架的xhtml页面的时候,默认会水平和垂直滚动条会一起出现,这是ie6的一个 bug,在firefox上是正常的,出现的原因是其对XHTML 1.0 transitional doctype的解释缺陷. 对于这个bug一般有3种解决方案, 方法1: 代码: 程序代码 html { overflow-y: scroll; } 原理:强制显示ie的垂直滚动条,而忽略水平滚动条优点:完全解决了这个问题, 允许你保持完整的XHTML doctype. 缺点:即

Winform中打开网页页面的方法

1.首先比较简单的我们知道有类似的方法如下 System.Diagnostics.Process.Start("http://www.baidu.com"); 2.比较灵活一点,可以定义窗口大小,我们要实现网页中脚本打开页面的方法,即window.open 那么,我们必然会想,如何调用页面的脚本呢?其实可以利用WebBrowser来实现 //连接 string url ="http://www.baidu.com"; //定义脚本 string script =@&

jquery.nicescroll完美滚动条使用方法

jquery.nicescroll完美滚动条使用方法(转) 配置参数 :当调用"niceScroll"你可以传递一些参数来定制视觉方面: cursorcolor - 十六进制改变光标颜色,默认值是"#000000" cursoropacitymin - 改变不透明度非常光标处于非活动状态(scrollabar"隐藏"状态),范围从1到0, 默认为0(隐藏) cursoropacitymax - 改变不透明度非常光标处于活动状态(scrollaba

模态窗口去除水平滚动条

************ 1,模态窗口modaldialog,如果设置了scroll:yes,则默认水平和垂直都会出现滚动条, 如果要去除水平滚动条,在要显示在弹窗的jsp页面中这样写: <body style="overflow:scroll;overflow-x:hidden;"> 2, ************

jquery-easyui的datagrid在checkbox多选时，行选中不对应，去除高亮的解决方法

jquery-easyui的datagrid在checkbox多选时,行选中不对应,去除高亮的解决方法工作中用到一个具有多选功能的easyui-datagrid在处理cell的点击事件时,不允许被选中行的需求. 如下图,点击"查看"时,只是为了查看详细信息,并不是需要选择行. 完成这个需求,其实只需要将datagrid的checkOnSelect属性设置为false就可以了. 然而,当设置该属性后,新的问题就随之出现了. 目前的办法是使用以下代码去除高亮: (本来是打算处理成c

HTML网页滚动条代码

设置网页滚动条的风格.颜色.阴影之类的. <Style type="text/css"> <!-- Body { scrollbar-face-color:#C0C0C0; //表面 scrollbar-highlight-color:#FFFFFF; //亮边 scrollbar-3dlight-color:#C0C0C0; //3D亮边 scrollbar-darkshadow-color:#000000; /