当前位置:首页 > 日记 > 正文

CSS如何隐藏滚动条(三种方法)

CSS如何隐藏滚动条(三种方法)
本文主要介绍如何通过三种方式将滚动条隐藏到CSS中。在这里,我推荐第二种方法,当然,根据实际情况,与感兴趣的朋友一起学习。
在XHTML中隐藏滚动条
框架使用IE6浏览XHTML页面的时候,默认会水平和垂直滚动条将一起出现,这是一个错误的IE6,在Firefox中是正常的,原因是XHTML 1过渡DOCTYPE错误缺陷的解释。有3种解决方案,
方法1:
代码uff1a
程序代码

复制代码代码如下所示:
html { overflow-y:滚动;}

原理:强制显示IE的垂直滚动条,忽略水平滚动条。
优势:它彻底解决这个问题,可以让你保持一个完整的XHTML文档类型。
缺点:即使页面不需要垂直滚动条,也会出现垂直滚动条。
方法2:(推荐)
代码uff1a
程序代码

复制代码代码如下所示:
html { overflow-x:隐藏;overflow-y:汽车;}

原理:隐藏水平滚动,垂直滚动,根据内容自适应。
优点:直观地解决了这个问题。非受迫性的垂直滚动条出现时,它是没有必要的。
缺点:只是隐藏水平滚动条,如果页面需要水平滚动条,
由于用户不能水平滚动,所以无法看到屏幕外的内容。
方法3:
代码uff1a
程序代码

复制代码代码如下所示:
体{保证金:- 15px;margin-bottom: - 15px;}

原理:这将增加一个负值的水平和垂直方向的保证金,当IE添加准确的价值,它将消除幻想的需求滚动条。
优点:直观地解决了这个问题。基于内容自适应的垂直滚动
缺陷:填充屏幕区域不能使用,因为人工创造的15px外距离(保证金)。
------------------------------------
设置样式
在原始HTML的时候,我们可以定义整个页面的滚动条。
程序代码

复制代码代码如下所示:
体{
scrollbar-3dlight-color:# d4d0c8; / * * /左
滚动条的颜色:# FFF; / * * /左两
面部颜色:# e4e4e4; / * * /面
滚动条箭头颜色:# 666; / * * /箭头
滚动条阴影颜色:# 808080; / * * /右两
滚动条darkshadow颜色:# d7dce0; / *权* /
滚动条底色:# d7dce0; / * * /颜色
滚动条轨道颜色:#; / * * /幻灯片
}
但同样的代码,我们不在XHTML下工作,我相信很多好朋友都遇到过同样的问题。
所以你怎么能在XHTML应用滚动条样式请看下面的代码
程序代码

复制代码代码如下所示:
html {
scrollbar-3dlight-color:# d4d0c8; / * * /左
滚动条的颜色:# FFF; / * * /左两
面部颜色:# e4e4e4; / * * /面
滚动条箭头颜色:# 666; / * * /箭头
滚动条阴影颜色:# 808080; / * * /右两
滚动条darkshadow颜色:# d7dce0; / *权* /
滚动条底色:# d7dce0; / * * /颜色
滚动条轨道颜色:#; / * * /幻灯片
}
这段代码与最后一段的唯一区别是,在CSS定义的元素上,一个是主体,另一个是HTML,让我们再次测试HTML页面。
身体被修改成HTML测试,并发现它仍然可以实现。
从字面上看,XHTML比HTML多x,然后这个x实际上是XML。为什么要在其中添加XML事实上,最根本的原因是让HTML更结构化的标准(因为HTML是Tailan)。
我们用HTML定义身体,因为HTML不是很标准,所以它可以生效,而且它不在XHTML中。
我看了看地图清晰,标签本身不是根元素,HTML是唯一的根元素,和页面滚动是根元素,所以这就是为什么我们定义的身体没有影响,因为我们只定义elements.ok的子集,我们知道原理,并做了一个实验,如果我们改变体或XHTML 的定义为*。
程序代码

复制代码代码如下所示:
* {
scrollbar-3dlight-color:# d4d0c8; / * * /左
滚动条的颜色:# FFF; / * * /左两
面部颜色:# e4e4e4; / * * /面
滚动条箭头颜色:# 666; / * * /箭头
滚动条阴影颜色:# 808080; / * * /右两
滚动条darkshadow颜色:# d7dce0; / *权* /
滚动条底色:# d7dce0; / * * /颜色
滚动条轨道颜色:#; / * * /幻灯片
}
HTML和XHTML通过,因为任何标签的定义页面,当然,也包括html标签。

事实上,它是PS:(HTML和XHTML之间的差异而不是没有差别,XHTML 1文档如果你把对XHTML过渡doctype 1页删除它,那么这个页面没有DOCTYPE的显示模式是HTML4.01,但你必须把默认的XHTML 1过渡修饰的DOCTYPE html 4.01 DOCTYPE定义正文的网页将不起作用,而HTML 4.01是这个网页的标准)

这是本文的主要内容是介绍给你的CSS隐藏滚动条的方法的全部内容,我希望你喜欢它。

相关文章

恋爱中的情侣签名

恋爱中的情侣签名

情侣,恋爱,电脑软件,温顺的动物。 一个温柔淑女的流氓。 比起游戏和金钱,我更喜欢你笑。 我更害怕你皱眉,而不是害怕黑暗和鬼魂。 打开欺负模式; 对不起,你的脑子不太好。 我有孤独和无法行走的酒。 我有孤独和烟,不能和我一起散步。 很多夏天赤…

幽默感滑稽人物签名滑稽角色签名

幽默感滑稽人物签名滑稽角色签名

滑稽,幽默感,角色,人物,电脑软件,在夏天最好的道歉是什么下面的小编辑分享有趣的个性签名,欢迎阅读: 幽默感: 去厕所小便,然后洗手。 最痛苦的责骂不是别人给你打电话太多,你的体重会增加很多。 我哭着来到这个世界,我要哭了回来! 方便面很方便,但…

QQ搞笑签名2015搞笑个性签名

QQ搞笑签名2015搞笑个性签名

搞笑,个性签名,电脑软件,QQ,每天看到QQ签名,那是很犀利的!有时候,一句话一句话很酷,酷而尖锐,所以萧边介绍一些有趣的QQ签名2015在这里,供大家参考 1、人生不就是自欺欺人,白痴吗。 2,他们发现他很多,突然你在。 3,不要以为脑袋上有一坨屎,你就会变成…

关于文字字距字秘诀

关于文字字距字秘诀

秘诀,电脑软件,于文,字间距是指两区间特征之间的调整,以达到外观之间的文本与一个给定的空间匹配,并调整行间距。如下安排字距,供你参考,希望大家能有所收获! 字距配对(字距配对)是一种光学加工技术的需要。总之,当两个特定字符连接,他们可以被分配…

PS图象处理软件投影和阴影的转换在

PS图象处理软件投影和阴影的转换在

转换,投影,图象,盒子,处理软件,框阴影是将阴影效果添加到元素块中。本文将介绍PS图象处理软件投影和CSS盒子阴影之间的转化,从CSS盒阴影相关知识有兴趣的朋友学习。 文字阴影是添加阴影的文字效果、阴影和框添加周围的阴影的元素块效应。随…

好情人对签名情人签名的喜爱

好情人对签名情人签名的喜爱

情人,喜爱,电脑软件,爱简单在一起,不需要交换誓言和誓言。以下是夫妇的签名,这是由你安排的。我希望你能从中得到一些好处。 情人的人格签名: 你不爱我,你怎么能理解我。 你不了解我,你怎么能爱我。 带着尊严去拯救一个变心的人是很有必要的。 …

PS用过滤器和面具制作艺术城市建筑

PS用过滤器和面具制作艺术城市建筑

滤器,用过,面具,建筑,艺术,今天,我们教你用PS来用过滤器和面具制作艺术城市的图片。教程很简单,你喜欢的朋友可以一起学习。 虽然效果图只用了一个简单的动态模糊滤镜,但是效果非常有创意,建筑有动态效果,画面也很简单。你喜欢的学生可以试试看…

2015非主流非主流签名

2015非主流非主流签名

非主流,电脑软件,Ldquo,是一千岁的狐狸。你为我演奏什么选择一个非主流签名作为你的QQ。 1,即将毕业,我爱那些人啊,你怎么平静啊 2。我妈妈是个杀人犯或是一个火,所以你不那么喜欢我。 3,不是没有人追,而是没有合适;不是一个高眼睛,而是没有感觉。 4…

经典的恶搞的搞笑签名

经典的恶搞的搞笑签名

恶搞,搞笑,经典,电脑软件,我不是飞蛾,我不能燃烧自己的城市,我宁愿相信,辛汝思惠更是一种强大的。下面小编分享有趣的个性签名,欢迎阅读: Kuso的经典搞笑的个性签名: 不想动,不想说话,这样的举动,即使中国移动我不动 陈奕迅的十年唱的每一个胖纸的…

重要文档如何加密Word使用技巧

重要文档如何加密Word使用技巧

加密,文档,使用技巧,电脑软件,Word,用word来编辑简历表单。有些很重要的Word文档要加密,但它们总是失败。我怎样才能正确地操作,以便正确地对word文档进行加密这里是一个加密的话由萧边编写的重要文件的方法,供大家参考。我希望你能得到一些结…

一个有趣的个性签名文件和一个有趣

一个有趣的个性签名文件和一个有趣

签名文件,有趣,人格,个性,电脑软件,要珍惜身边的每一个人,守护着,因为以前拧着自己的脖子,换来今生的相遇。以下小编的搞笑个性签名,供你参考,希望你能有所收获! 搞笑的个性签名 遥远的钟声让我想起,我会留在这里等你。 有人说,第一种感觉是害怕遇…

非主流人格签名,笑与笑个性签名

非主流人格签名,笑与笑个性签名

个性签名,人格,非主流,电脑软件,每个人都有自己的签名。你必须绞尽脑汁才能使你的签名与众不同。现在没有必要纠结了。以下是编辑器中不推荐的一些有趣的字符。你们有吗 1,下流,你觉得这两种感觉。 2、日出东中国海落西山,愁也一天,喜也一天;遇…