如何隐藏滚动条?IE去掉滚动条HTML代 - :::::::网络早市:::::::www.xiapiaoxue.com/bbs

【首页】→ 【建站杂谈】→ 主题：如何隐藏滚动条?IE去掉滚动条HTML代

字体：大中小回复

如何隐藏滚动条?IE去掉滚动条HTML代
zfmd(2013-3-22 12:14:44) 点击:6852 回复:1 IP:120.9.128.*

做了一个页面，与桌面分辨率一样大小，但是在IE全屏（F11）下却显示有滚动条，而火狐确没有。怎么样去掉IE滚动条呢？其实有一个属性就可以解决。
  方法1：直接在body里面加上属性scroll

  代码如：

  < body scroll="no" >

  方法2：使用样式表overflow

  代码如：

  HTML{overflow-x:hidden;}

  在xhtml1-transitional.dtd标准下，并不是以Body为容器，而是HTML标签，所以要把样式表加到HTML标签上才行，加到Body上是不管用的。

  在html transitional标准下可以用于Body容器的，代码如：

  < body style="overflow-x:hidden" >

  这样就可以去掉IE滚动条了。

回复 | 引用

.1. 回复:如何隐藏滚动条?IE去掉滚动条HTML代
zfmd(2013-3-22 12:17:43) IP:120.9.128.*

<body scroll=no>
去掉水平滚动条：
<body style="overflow-x: hidden">
去掉竖直滚动条：

<body style="overflow-y: hidden">

  隐藏横向滚动条，显示纵向滚动条:
<body style="overflow-x:hidden;overflow-y:scroll">

全部隐藏  <body style="overflow:hidden"> 或者是  <body scroll="no">

如果是框架页，利用上面的方法仍不能去除可考虑以下办法：被包含页面里加入 <style>  html { overflow-x:hidden; } </style>  如果想隐藏垂直滚动条: <style>  html { overflow-y:hidden; } </style>

这里先说一下滚动条的属性代码：
overflow-y : visible | auto | hidden | scroll
visible :  不剪切内容也不添加滚动条。
auto :  在需要时剪切内容并添加滚动条
hidden :  不显示超过对象高度的内容，这里不对这个属性作介绍，大家喜欢的话可以自己尝试
scroll :  总是显示纵向滚动条

回复 | 引用

·上一篇：Asp限制IP访问阻止某一个IP段禁止访问本站的代码 ·下一篇：仿MAC官网导航菜单样式

[返回]

[本主题共1回复 | 每页显示20回复]