点击这里给我发消息 点击这里给我发消息

CSS隐藏网页的滚动条教程

添加时间:2010-1-5
    相关阅读: 网页 页面 CSS

解决思路:

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

本文作者:
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册