1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条)
overflow-x水平方向内容溢出时的设置
overflow-y垂直方向内容溢出时的设置
以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。
2.scrollbar-3d-light-color立体滚动条亮边的颜色(设置滚动条的颜色)
scrollbar-arrow-color上下按钮上三角箭头的颜色
scrollbar-base-color滚动条的基本颜色
scrollbar-dark-shadow-color立体滚动条强阴影的颜色
scrollbar-face-color立体滚动条凸出部分的颜色
scrollbar-highlight-color滚动条空白部分的颜色
scrollbar-shadow-color立体滚动条阴影的颜色
我们通过几个实例来讲解上述的样式属性:
1.让浏览器窗口永远都不出现滚动条
没有水平滚动条
<body style='overflow-x:hidden'>
没有垂直滚动条
<body style='overflow-y:hidden'>
没有滚动条
<body style='overflow-x:hidden;overflow-y:hidden'>或<body
style='overflow:hidden'>
2.设定多行文本框的滚动条
没有水平滚动条
<textarea style='overflow-x:hidden'></textarea>
没有垂直滚动条<textarea style='overflow-y:hidden'></textarea>
没有滚动条
<textarea style='overflow-x:hidden;overflow-y:hidden'></textarea>
或<textarea style='overflow:hidden'></textarea>
3.设定窗口滚动条的颜色
设置窗口滚动条的颜色为红色<body style='scrollbar-base-color:red'>
scrollbar-base-color设定的是基本色,一般情况下只需要设置这一个属性就可以达到改变滚动条颜色的目的。
加上一点特别的效果:
<body style='scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon'>
4.在样式表文件中定义好一个类,调用样式表。
<style>
.coolscrollbar{scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon;}
</style>
这样调用:
<textarea class='coolscrollbar'></textarea>
分享到:
相关推荐
网页滚动条样式css智能配色器 网页滚动条样式css智能配色器 网页滚动条样式css智能配色器
IeCoolScrollBar可以让设置滚动条的风格简单化
web开发的朋友们有福啦。这是一款非常漂亮的滚动条样式插件,同过它你可以自由的定制自己喜欢的滚动条。 而且兼容IE6 和IE7等的浏览器
网页制作用的一个设置IE滚动条 CSS样式的小工具
ASP 实例 CSS样式滚动条样式 文字特效 收藏本站 窗口控制 文字滚动显示 网页拾色器 安徽机电职业技术学院 陈伟
易语言CSS样式滚动条源码,CSS样式滚动条,复制样式,颜色值转HTML,HTML转颜色值,进制_十六到十,绘制画板,填矩形范围,当前选择项
给Web设计师提供一个方便快捷的工具,使工作效率倍增。针对网页的滚动条样式、色彩编写了一个滚动条制作工具(ScrollBar Color),使用网页滚动条样式更具个性,从页使得滚动条更丰富多彩。
jquery 网页 滚动条 jScrollbar,用起来挺方便的,样式也容易修改。
js自定义滚动条,支持自定义样式,支持ios硬件加速。
CSS3实例:结合jQuery实现的彩色网页滚动条代码,模拟图书UI ios滚动条效果,模拟苹果IOS系统内的滚动条样式,适合触屏手机滑动滚动条,如上图所示,鼠标拖动左侧的滚动条,即可实现左侧商品图片的垂直滚动。
百度里搜了一下,原来已经有高手采用jquery来改变滚动条的单调样式了。 首先要引用两个脚本:jquery.js,jscroll.js; 接着为要出现滚动条的位置写上overflow:auto;这时会出现滚动条,最原始的样子。接着,加上...
perfect scrollbar 轻量级的滚动条。外观与mac上chrome的滚动条一样
div浮动层不随滚动条滚动而滚动的浮动效果,始终在浏览器的某个位置不变
效果描述: 这其实就是一个固定时间内动画加载的效果 主要使用了原生js的setInterval不断执行的代码 ... 1、将style.css样式引入到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可
网页滚动条本身就是浏览器的一部分,使用它可以方便浏览较大的网页,下面就是相关语法:新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础...
jquery滚动条美化Scrollbar设置浏览器默认滚动条样式 DIVCSS5 网页演示
我们大家在浏览网页的时偶尔会看到很漂亮的各种颜色样式的滚动条,这就是通过css代码控制来实现的,于是本人搜集整理一番,这里和大家分享一下使用CSS设置滚动条颜色以及如何去掉滚动条的方法,需要的朋友可以参考下...
滚动条一般用于加载进度,我们在看视频的时候或者在浏览网页的时候经常能看到加载进度的页面。在程序开发中,默认的进度加载样式可能跟程序风格不太一样,或者加载进度的时候需要更改一下加载的样式。这个时候就需要...
现在网上流行好多可以自定义图片横向滚动条的效果,可惜大部分都是jQuery实现的,且兼容性不好。 今天特意整理了一款js实现的图片横向自定义滚动条效果,兼容目前主要浏览器(IE6已被忽略)。 喜欢的童鞋...
原生JS实现的滚动条,支持各种回调,支持移动端、PC端,支持自定义样式