滚动条样式以及隐藏滚动条（在ASP中如何令到滚动条隐藏）

2025-04-16 17:00:02 ：0

本文目录

在ASP中如何令到滚动条隐藏
css设置滚动条颜色与样式以及如何去掉与隐藏滚动条
IE浏览器如何隐藏、左置滚动条（竖排）

在ASP中如何令到滚动条隐藏

使用框架（无论是frameset、frame、iframe）嵌套网页的时候，如果子网页的高度超过了预先设定的高度，会出现滚动条，也就是尺寸溢出，一般来说如果高度超了就出现垂直滚动条，宽度超了就出现水平滚动条，但是在IE6中，只要尺寸大于等于预定高度，就会两个滚动条一起出现，这好象是一个bug。解决方法：在子网页设置css如下：html{overflow-y:auto!important;*overflow-y:scroll;}（在兼容模式下不能在body{}里面定义，要在html{}中定义）这段最重要的一点是设置overflow-y为scroll，这样强制出现垂直滚动条的话，水平滚动条就不会显示出来了，但如果宽度超出过多，水平滚动条还是会超出，这时可以考虑设置:overflow-x:hidden;，但相应的，这样用户就无法滚动子页面了。之所以要加overflow-y:auto!important;，是因为IE7中已没有这个bug，并且firefox也能认到overflow-y这个据说是IE的私有属性……，所以我们还要把overflow设回来。1、完全隐藏在里加入scroll=“no“，可隐藏滚动条；2、在不需要时隐藏指当浏览器窗口宽度或高度大于页面的宽或高时，不显示滚动条；反之，则显示；3、样式表方法在里加入style=“overflow-x:hidden“，可隐藏水平滚动条；加入style=“overflow-y:hidden“，可隐藏垂直滚动条。这种方法在页面头部为：

css设置滚动条颜色与样式以及如何去掉与隐藏滚动条

使用CSS设置滚动条颜色以及如何去掉滚动条的方法：

div { scrollbar-face-color: #fcfcfc; scrollbar-highlight-color: #6c6c90; scrollbar-shadow-color: #fcfcfc; scrollbar-3dlight-color: #fcfcfc; scrollbar-arrow-color: #240024; scrollbar-track-color: #fcfcfc; scrollbar-darkshadow-color: #48486c; scrollbar-base-color: #fcfcfc }

滚动条样式主要涉及到如下CSS属性:

overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容

overflow: auto; 在需要时内容会自动添加滚动条

overflow: scroll; 总是显示滚动条

overflow-x: hidden; 禁止横向的滚动条

overflow-y: scroll; 总是显示纵向滚动条

width: 568px; width: 98%; 设置区域的宽度

height: 120px; 设置区域的高度

《STYLE》 BODY { SCROLLBAR-FACE-COLOR: #f892cc; SCROLLBAR-HIGHLIGHT-COLOR: #f256c6; SCROLLBAR-SHADOW-COLOR: #fd76c2; SCROLLBAR-3DLIGHT-COLOR: #fd76c2; SCROLLBAR-ARROW-COLOR: #fd76c2; SCROLLBAR-TRACK-COLOR: #fd76c2; SCROLLBAR-DARKSHADOW-COLOR: #f629b9; SCROLLBAR-BASE-COLOR: #e9cfe0 } 《/STYLE》

SCROLLBAR-FACE-COLOR: 滚动条凸出部分的颜色

SCROLLBAR-HIGHLIGHT-COLOR: 滚动条空白部分的颜色

SCROLLBAR-SHADOW-COLOR: 立体滚动条阴影的颜色

SCROLLBAR-3DLIGHT-COLOR: 滚动条亮边的颜色

SCROLLBAR-ARROW-COLOR: 上下按钮上三角箭头的颜色

SCROLLBAR-TRACK-COLOR: 滚动条的背景颜色

SCROLLBAR-DARKSHADOW-COLOR: 滚动条强阴影的颜色

SCROLLBAR-BASE-COLOR: 滚动条的基本颜色

网页中去掉滚动条：

去掉横向滚动条：《body style=’overflow:scroll;overflow-x:hidden’》

去掉竖向滚动条：《body style=’overflow:scroll;overflow-y:hidden’》

两个都去掉：《body scroll=“no“》

框加中去滚动条在name=““后面加 scrolling=“No“

1,Overflow内容溢出时的设置

overflow 水平及垂直方向内容溢出时的设置

overflow-x 水平方向内容溢出时的设置

overflow-y 垂直方向内容溢出时的设置

以上三个属性设置的值为visible、scroll、hidden、auto

visible 默认值。使用该值时，无论设置的“width“和“height“

的值是多少，其中的内容无论是否超出范围都将被强制显示。

hidden 效果与visible相反。任何超出“width“和“height“的内

容都会不可见。

scroll 无论内容是否超越范围，都将显示滚动条。

auto 当内容超出范围时，显示滚动条，否则不显示。

应用:

没有水平滚动条:

《div style=“overflow-x:hidden“》test《/div》

没有垂直滚动条

《div style=“overflow-y:hidden“》test《/div》

没有滚动条

《div style=“overflow-x:hidden;overflow-y:hidden“ 或style=“overflow:hidden“》test《/div》

自动显示滚动条

《divstyle=“height:100px;width:100px;overflow:auto;“》test《/div》

2,自己定义滚动条的颜色

我们一般默认的滚动条样式如下左图,右图是放大了1600倍的样子,我们可以看到滚动条有几种言责组合的,我给他们标了7个号,

分别注释在下面的css代码的后面了,注意css的注释代码是放在两个斜杠内的两个星号之间,如:

Body { scrollbar-arrow-color: #f4ae21; scrollbar-face-color: #333; scrollbar-3dlight-color: #666; scrollbar-highlight-color: #666; scrollbar-shadow-color: #999; scrollbar-darkshadow-color: #666; scrollbar-track-color: #666; }

IE浏览器如何隐藏、左置滚动条（竖排）

CSS 禁止滚动条，有4种方法，具体如下：1、完全隐藏在《boby》里加入scroll=“no“，可隐藏滚动条；《boby scroll=“no“》2、在不需要时隐藏指当浏览器窗口宽度或高度大于页面的宽或高时，不显示滚动条；反之，则显示；《boby scroll=“auto“》3、样式表方法在《boby》里加入style=“overflow-x:hidden“，可隐藏水平滚动条；加入style=“overflow-y:hidden“，可隐藏垂直滚动条。被包含页面里加入《style》html { overflow-x:hidden; }《/style》4、另一种方法《style type=“text/css“》body {overflow-x:hidden;overflow-y:hidden;}《/style》《style type=“text/css“》html {overflow-x:hidden;overflow-y:hidden;}《/style》

滚动条样式以及隐藏滚动条（在ASP中如何令到滚动条隐藏）

本文编辑：admin

：滚动条样式以及隐藏滚动条

上一篇：recalling（remember memorize recall remind 四者的区别）

下一篇：stupid cupid（韩剧what’s up 第3集中间的一首歌是什么名字）

更多文章：

greek是什么意思（Greek gift是什么意思）

本文目录Greek gift是什么意思gk是什么go greek是什么意思在国外学习的同学看到很多外国学生车上都写着Greek gift是什么意思“Greek gift”含义为“图谋害人的礼物”。直译“希腊人的礼物”，来源于著名的“特洛

2025年3月23日 17:20

微服务器与刀片服务器有哪些不同？浪潮服务器EIS200怎么样有什么应用

本文目录微服务器与刀片服务器有哪些不同浪潮服务器EIS200怎么样有什么应用微服务器的简单介绍微软公司的云计算服务有哪些无服务架构和微服务器架构的区别微服务器 gen 10 干嘛浪潮信息边缘微服务器的可靠性怎样微服务器与刀片服务器有哪些不同

2025年3月10日 21:40

逻辑运算符两侧运算对象的数据类型是什么（1逻辑运算符两侧运算对象的数据类型__）

本文目录1逻辑运算符两侧运算对象的数据类型__C语言逻辑运算符两侧运算对象的数据类型可以是什么C程序设计：逻辑运算符两侧运算对象的数据类型为什么C错误，B正确求解释逻辑运算符两侧运算对象的数据类型3.逻辑运算符两侧运算对象的数据类型（）

2025年3月28日 06:40

clustering翻译（英语翻译求助）

本文目录英语翻译求助求翻译,请不要机器翻译,很急英语翻译聚类分析，用英文怎么说成群的英语翻译成群用英语怎么说文本linux storage clustering是什么意思clustering by fast search and find

2025年3月31日 22:40

android定时器（android为什么定时器会内存泄漏）

本文目录android为什么定时器会内存泄漏android 定时器如何让某天某个时间启动Android Studio定时器！android设置定时器调用时设置时间android 确定时间点自动更新数据的定时器android怎么设置一个定时的

2025年2月13日 10:50

oracle impdp（Oracle 数据库 10g 使用 impdp导入出错）

本文目录Oracle 数据库 10g 使用 impdp导入出错oracle的impdp怎么导出一部分如何使用impdp导入oracle数据库文件oracle impdp导入问题oracle数据库怎么用impdp导入.dmp文件oracle使

2025年3月17日 18:20

在线编程课哪个比较好（最近想在线上给孩子报个编程课学习，请问有什么平台比较好的，好课测评这个平台如何）

本文目录最近想在线上给孩子报个编程课学习，请问有什么平台比较好的，好课测评这个平台如何现在少儿编程机构这么多，哪些比较好该如何选择呢编程网课哪个好孩子在家学编程，免费少儿编程网站有哪个不知道哪家机构的编程课比较好少儿编程网课哪个好编程课哪个

2025年3月31日 05:20

getsystemtime（怎么使用TimeGetSystemTime）

本文目录怎么使用TimeGetSystemTimegetlocaltime和getsystemtime的区别Delphi中GetSystemTime这个API的参数怎么使用TimeGetSystemTimetimeGetSystemTime

2025年2月11日 23:20

高级编程语言（高级程序员和普通程序员有什么区别）

本文目录高级程序员和普通程序员有什么区别高级编程语言真的很“高级”吗程序员从基础编程语言学习和直接开始学习高级编程语言，有什么利弊是不是高级编程语言也算软件为什么高级程序员和普通程序员有什么区别关于高级程序员和普通程序员的区别其实主要体现在

2025年2月14日 22:40

vmwaretools（vmware tool 是做什么用的）

本文目录vmware tool 是做什么用的VMware tools是什么怎么重新安装vmware tools安装vmwaretool失败vmware tools无法安装怎么办vmware tools安装不上怎么办vmware tools如

2025年2月9日 03:30

什么是url重写（什么叫url重写（c#））

本文目录什么叫url重写(c#)url重写有几种方式什么叫url重写技术伪静态,静态化,URL重写之间有什么区别什么是url重写URL重写有几种方式什么是URL重写什么叫url重写(c#)就是把查询字符串合并进URL中，其实质就是一种呈现手

2025年3月6日 14:20

html的注释是什么（这个html注释是什么意思）

本文目录这个html注释是什么意思html的注释问题html的注释符号是什么html的注释标签是什么这个html注释是什么意思这个是javascript, 不是什么java.javascript是一种客户端脚本, 一般用来实现特殊的html

2025年3月7日 04:20

strong的比较级和最高级（strong比较级和最高级）

本文目录strong比较级和最高级nice,busy,early,strong,beautiful,difficult, 它们的比较级和最高级是什么stronger的最高级和比较级写一句话谁能告诉我20个以上的形容词的比较级与最高级stro

2025年3月15日 22:20

mysql字段求交集（请教下mysql数据表合并问题,有交集,需要自动更名,高手帮帮忙）

本文目录请教下mysql数据表合并问题,有交集,需要自动更名,高手帮帮忙求问：mysql如何查询两个字段数不同的表中数据不一致的记录MSSQL和MySQL中，如何将两列字段的值互相交请教下mysql数据表合并问题,有交集,需要自动更名,高手

2025年3月29日 06:00

include of 用法（“including”和“include”的用法是什么）

本文目录“including”和“include”的用法是什么英语语法 include的用法能否再具体一点“including”和“include”的用法是什么including + 宾语 sb(主格) included例句：There

2025年4月17日 15:40

handsome dancer（wawo,you can really dance抖音bgm是什么歌）

本文目录wawo,you can really dance抖音bgm是什么歌求h.i.t 5高宇的资料！！！！wawo,you can really dance抖音bgm是什么歌歌名：Coincidance歌手：Handsome Dance

2025年3月28日 03:00

hazard ratio（荟萃分析的IPD 荟萃分析的步骤）

本文目录荟萃分析的IPD 荟萃分析的步骤hazard ratio结果怎么解读荟萃分析的IPD 荟萃分析的步骤在荟萃分析中，齐性检验是重要的一环，目的是检查各个试验结果是否具有一致性。一般来讲，仅仅由于抽样误差造成的各试验间结果不同，不会影

2025年2月19日 22:10

string的indexof方法（怎么判断string字符串中包含某个字符）

本文目录怎么判断string字符串中包含某个字符String的方法 indexOf(String str) 返回第一次出现的指定子字符串在此字符串中的索引string.indexof(’_’)返回-1表示什么indexOf方法的说明怎么判断

2025年4月5日 03:20

symbolically（symbolically）

本文目录symbolicallysymbolically important 什么意思symbolically是什么意思symbolically写得真好.比我当年考研时写得好多了. 有几个地方,谈不上修改,只是探讨一下. 1、many

2025年2月26日 13:00

unix操作系统是著名的什么系统（unix操作系统属于什么操作系统）

本文目录unix操作系统属于什么操作系统UNIX系统属于什么操作系统unix操作系统是什么unix和linux是什么系统UNIX是什么怎么用Unix是什么操作系统啊unix操作系统属于什么操作系统分时操作系统UNIX系统的特性~ UNIX为

2025年3月21日 18:50