CSS隐藏网页的滚动条教程

学校给的忧伤

学校给的忧伤

2016-02-19 13:38

今天图老师小编给大家介绍下CSS隐藏网页的滚动条教程,平时喜欢CSS隐藏网页的滚动条教程的朋友赶紧收藏起来吧!记得点赞哦~

解决思路:

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

  具体步骤:

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

  <body>

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  <body scroll="no">

  注意:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

  技巧:

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

展开更多 50%)
分享

猜你喜欢

CSS隐藏网页的滚动条教程

Web开发
CSS隐藏网页的滚动条教程

隐藏滚动条

Web开发
隐藏滚动条

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

用css美化滚动条

Html CSS布局 Div+CSS XHTML
用css美化滚动条

网页高手-玩转网页滚动条

Web开发
网页高手-玩转网页滚动条

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

用CSS代码轻松Diy你的网页滚动条

Web开发
用CSS代码轻松Diy你的网页滚动条

CSS代码:控制IE滚动条

Web开发
CSS代码:控制IE滚动条

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

J2ME 3D技术简介

J2ME 3D技术简介

哀悼死难同胞 网站变灰色的方法

哀悼死难同胞 网站变灰色的方法
下拉加载更多内容 ↓