PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> CSS >> 

CSS隐藏浏览器滚动条的方法

CSS隐藏浏览器滚动条的方法

来源:PHP程序员站  作者:PHP程序员站  发布时间:2011-06-14
我们希望是强制出现滚动条,但有时候我们并不希望出现滚动条,那就要隐藏它了。从上个问题的指点中我们很容易得到答案----设置CSS属性overflow的值为hidden。 具体步骤: 方法一:设置CSS属性overflow为hidden。 <body style=overflow:hidden> 方法二:设置body元素

我们希望是强制出现滚动条,但有时候我们并不希望出现滚动条,那就要隐藏它了。从上个问题的指点中我们很容易得到答案----设置CSS属性overflow的值为hidden。

具体步骤:

方法一:设置CSS属性overflow为hidden。

<body style="overflow:hidden">

方法二:设置body元素的scroll属性为no。

<body scroll="no">

注意:

建议用方法一隐藏滚动条,用方法二的话在IE5.0中无法再用脚本对页面进行滚动进行操作。因为方法只是隐藏滚动条不显示,而方法二是直接设置为没有滚动条。这一点可以在本部分第六章的《问题6》中分别用本例的两种方法设置demo.htm页的滚动条来测试。在IE5.0上,用方法二隐藏demo.htm页滚动条后,控制页面滚动的功能将失效。

技巧:

如果只想隐藏横向或纵向上的滚动条,可以用overflow-x或overflow-y来设置。


延伸阅读:
隐藏或屏蔽IE滚动条的几种常用方法
jQuery跟随浏览器滚动条浮动层效果
Tags: css   隐藏   浏览器   滚动条  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号