当前位置:首页 >>>PS教程>>>网页制作>>>网页制作小技巧:隐藏网页的滚动条的方法
网页制作小技巧:隐藏网页的滚动条的方法
发表日期:2008/3/29 10:41:00 出处:未知 作者:蓝心慧质(编辑) 发布人:448109347 已被访问 297

网页制作小技巧:隐藏网页的滚动条的方法

 

解决思路:

在上个问题中我们希望是强制出现滚动条,但有时候我们并不希望出现滚动条,那就要隐藏它了。从上个问题的指点中我们很容易得到答案----设置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来设置。

 

海洋之心素材站http://xiaofan118.16789.net/

海之韵音画网http://www.52hzy.net

 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

 海洋之心 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:QQ:393688247 联系人:晓帆