如何去除页面滚动条 如何给页面添加滚动条

<body scroll=no>

去掉水平滚动条:
<body>
去掉竖直滚动条:
<body>

隐藏横向滚动条,显示纵向滚动条:
<body>

全部隐藏
<body>

或者是
<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 :  总是显示纵向滚动条


首先我现说一下去掉滚动条的方法:
如果用百度风格模版的话,滚动条只可能有一个,那就是整个空间右边最大的浏览器窗口滚动条,也就是我美化过的那个滚动条,现在告诉大家,我们可以把这个滚动条去掉,但是却不影响浏览的方法:
在body
{}中加入overflow-y :
visible就可以了,这样滚动条就不会显示出来了。大家可能会问,这样怎么往下拉?呵呵,既然我说了不影响浏览,那当然是有方法的,浏览的方法就是用
鼠标的滚轮,虽然滚动条没了,可是鼠标滚轮还是能够让网页上下滚动的。我相信大家一般浏览网页的时候用滚轮下拉网页的次数应该比直接用鼠标拖动滚动条的次
数多吧?提示下,如果碰到没有滚动条而鼠标又没有滚轮的朋友,该怎么浏览网页呢?呵呵,大家可以用键盘上面的方向键上方的PageUp和PageDown
如何去除页面滚动条 如何给页面添加滚动条
来上下翻页,也可以用空格往下拉网页和Shift+空格往上拉网页,还有一个方法就是用上下方向键来拉动,另外还有按Home键回到网页顶部,End键到
达网页底部,呵呵,是不是方法很多呢?不过这样总会有那么一些些的不方便,所以大家可以根据自己的空间和喜好来考虑要不要取消这个滚动条。

哈哈,想不到啰哩叭嗦地,一下说了这么多话

下面我们说添加滚动条的方法:
overflow-y : auto;height:多少px
auto
就是自动判断要不要加入滚动条,当设定的对象内容超过了height设定的高度时,就自动添加滚动条,不然则不显示,body{}中的默认值就是
overflow-y :auto;height:浏览器高度,所以当网页内容超过浏览器高度的时候,浏览器右边就会自动显现出滚动条来
大家如
果需要设置这个的话,本人建议设置在最新评论#m_comment{}、文章列表#m_blog{}等内容和高度都不固定的模版中,有的朋友找不到这些模
版的ID,可能只有例如#m_comment div.item{}或者#m_proa{}等的ID,那么可以自己加上没有的ID,这样就可以设置了

这里还有另一个添加滚动条的方法:
overflow-y :scroll
这个参数的作用上面解释过了,不过如果只加这个参数的话,虽然滚动栏会显示,但是不会显示滚动条,所以必须还要加上一个
height:多少px
高度属性,跟上面的那个方法差不多,但是有根本的区别,这个无论对象内容的高度是否超过了height设定的高度,滚动栏永远都会显示在边上的

下面我们说一下关于滚动条的美化,这个我朋友给我看了网上的一个说明,我觉得上面的图很不错,但是很小,所以我放大了一倍,看起来就清楚多了,我们先说一下美化的各个属性:
SCROLLBAR-FACE-COLOR: 颜色代码;
SCROLLBAR-HIGHLIGHT-COLOR:颜色代码;
SCROLLBAR-SHADOW-COLOR: 颜色代码;
SCROLLBAR-3DLIGHT-COLOR: 颜色代码;
SCROLLBAR-ARROW-COLOR: 颜色代码;
SCROLLBAR-TRACK-COLOR: 颜色代码;
SCROLLBAR-DARKSHADOW-COLOR: 颜色代码;
大家是不是看到这么多属性有点点头大了?哈哈,放心,看一下我刚才提及的被我放大了一倍的图解你们就会感觉好多了:



里的图片上还有一个scrollbar-base-color的属性,其实这个属性是个上面7个属性的总合,怎么说呢?就是当你设定了这个属性的颜色后,
前面的7个属性都可以不用设置了,滚动条会自动帮你设定的,只是这个设定都会基于你设定的scrollbar-base-color的颜色而自动设定
这个属性的优点就是不用大家费尽心思的去研究各个地方的颜色,但是缺点就是不能够融和五颜六色于一体。。

注:设定了scrollbar-base-color就不要设定其他七个属性了,设定了其他七个属性就不要设定scrollbar-base-color,不然之间可能会有冲突,会有一些效果不起作用的

最后,还是考虑到大家可能会喜欢我的美化代码[真臭美~],我把我的美化代码贴出来:
SCROLLBAR-FACE-COLOR: #CCFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: white;
SCROLLBAR-SHADOW-COLOR: #813533;
SCROLLBAR-3DLIGHT-COLOR: #813533;
SCROLLBAR-ARROW-COLOR: #813533;
SCROLLBAR-TRACK-COLOR: white;
SCROLLBAR-DARKSHADOW-COLOR: #813533;
以上代码本人是加在body{}中的

  

爱华网本文地址 » http://www.aihuau.com/a/25101014/208790.html

更多阅读

如何给AutoCAD图纸加密? 如何给cad图纸加密

如何给AutoCAD图纸加密?——简介AutoCAD图纸往往是设计人员的掌中之宝。如果你的图纸有很高的机密性,一旦AutoCAD图纸被别人盗取,或者被别人打开了,都可能给设计人员的带来损失。这时候给图纸加密就是很有必要的啦。如何给AutoCAD图纸

如何给电脑再加一个硬盘 电脑再加一个d盘

如何给电脑再加一个硬盘——简介 我们在使用电脑的过程中随着存储量的增加,一个硬盘的容量在庞大的数据面前已经显得有些吝啬了,这时候我们在加装新硬盘的同时又不想让原装硬盘失业,这是我们可以微电脑再加装一个硬盘,以扩大电脑的容量

产品取名——如何给品牌取名? 品牌取名网

名称(注册商标)是品牌的重要组成部分和企业无形资产。一个好的名称便于消费者记忆,使人产生联想,引发好感,促进购买;同时节约传播费用。反之,一个不恰当的名称表达不好企业的主张,浪费很多传播费用,极大地影响消费者购买。正所谓“名正则言顺

如何给自己取英文名 在线取英文名

如何给自己取英文名——简介英文名字的好处  我们的中文名字通常是家里取的,自己没有干涉的权力,只有洋名是我们可以自己决定的。在很多比较洋化的职场,通常大家也都习惯用洋名称呼彼此。更重要的是,出国留学后,老外可以很正确的叫出

如何给电脑硬盘重新分区 系统盘重新分区

如何给电脑硬盘重新分区——简介以前用XP系统的时候一般系统盘只分得30G的大小,现在Xp退役了,想换操作系统,但是发现系统盘太小了,装上新系统基本都快满了,那么怎么给电脑硬盘重新分区呢?下面小编就为大家详细介绍下。如何给电脑硬盘重新

声明:《如何去除页面滚动条 如何给页面添加滚动条》为网友暗恋也是恋爱分享!如侵犯到您的合法权益请联系我们删除