您现在的位置： 圆点视线 >> 教程 >> 网页设计 >> 网页制作技巧 >> 文章正文
隐藏网页的滚动条的方法    热     ★★★
隐藏网页的滚动条的方法
作者：hairan 　文章来源：网页教学网 　点击数： 　更新时间：2007-8-12 11:25:04　
　页面功能：【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 【字体：小 大】

解决思路：

在上个问题中我们希望是强制出现滚动条，但有时候我们并不希望出现滚动条，那就要隐藏它了。从上个问题的指点中我们很容易得到答案----设置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来设置。
　【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】　文章录入：hairan    责任编辑：hairan 　【字体：小 大】
　
  • 上一篇文章：

    • 　
  • 下一篇文章：
    • 最新文章
    相关文章
    没有相关文章
    网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）
    发表评论：
    　姓　　名： 评 分： 1分 2分 3分 4分 5分
    　评论内容： ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点，与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门