CSS隐藏网页的滚动条教程

2016-02-19 13:38 6 1 收藏

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

【 tulaoshi.com - Web开发 】

解决思路:

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

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

  具体步骤:

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

  <body>

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

  <body scroll="no">

  注意:

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

  技巧:

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

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

来源:http://www.tulaoshi.com/n/20160219/1604842.html

延伸阅读
标签: Web开发
到现在为止,初始化这些MooTools插件对象就会开始变得越来越熟悉。滚动条(Slider)没有任何不同,你要创建一个新的滚动条,定义滚动条和滑块相关的元素,然后设置你的选项,再创建一些回调事件的控制函数。尽管滚动条(Slider)遵循这个熟悉的模式,但是任然还有一点特殊的地方。 基本用法创建一个新的滚动条(Slider)对象 我们首先从HTML...
  之前笔者曾经介绍过用Dreamweaver插件改变IE浏览器滚动条,现在已经有人写出了快速制作此种代码的小软件,让不懂CSS(层叠样式表)的网友轻松上手,让熟悉CSS的网友解除繁琐的代码敲打。 Cool Web Scrollbars拥有简单的明了的操作界面,让人看了一目了然: 下载网址:http://www8.pconline.com.cn/download/swdetail.phtml?id=5081 ...
标签: Web开发
PSD转html, 设计稿上,有一处内嵌的介绍信息,当文字过长时,要求使用一个经过处理的滚动条来展示。 如果要求兼容firefox,可以使用JQ来进行制作。 如果仅要求IE浏览器,可以通过调整CSS的方式,来给滚动条换色。 代码如下: .uicss-cn { height:580px;overflow-y: scroll; scrollbar-face-color:#EAEAEA; scrollbar-shadow-color:...
标签: Web开发
    1.overflow内容溢出时的设置 overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2.scrollbar-3d-light-color立体滚动条亮边的颜色 scrollbar-arrow-color上下按钮上三角箭头的颜色 scrollbar-base-...
标签: Web开发
在浏览网页的时候我们有时可以看到有的网页滚动条颜色不是系统默认的,而是漂亮的红色或其它颜色,其实这就是在网页代码之间加入代码来实现的,具体是哪些代码呢? 网页滚动条代码及其解释如下:(复制时请将大写尖括号改为小写) <Style type="text/css"> <!-- Body { scrollbar-face-color:#C0C0C0; (...

经验教程

433

收藏

29
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部