css滚动条样式代码（css设置滚动条样式不生效）

本文目录

• css设置滚动条样式不生效
• css代码怎样改变火狐浏览器中滚动条样式
• css的overflow属性如何定义滚动条
• css怎样设置滚动条的颜色及样式
• css设置滚动条颜色与样式以及如何去掉与隐藏滚动条
• 如何用css样式控制滚动条的颜色
• CSS怎么改变表单下拉框箭头和滚动条样式
• CSS3中如何自定义滚动条样式
• css自定义滚动条
• via浏览器自定义css代码

css设置滚动条样式不生效

1、首先打开前端开发工具，新建一个HTML代码页面，如下图所示。

2、在html代码页面上创建一个父《div》和一个子《div》，同时给这两个div添加一个class分别为scroll-box、scroll。

3、给子《div》添加内容，为了让滚动条可以实现，尽量多添加一些内容。

4、设置scroll-box、scroll类样式。给scroll-box设置一个高度和内容超出后隐藏的样式，给scroll设置内容超出后显示滚动条、高度为100%、宽=100%+滚动条的宽

5、最后保存html代码，然后使用浏览器打开，这个时候会发现滚动条已经不显示出来，但是页面内容依然可以滚动。

css代码怎样改变火狐浏览器中滚动条样式

　　CSS无法控制滚动条的样式。这里推荐几块滚动条美化的插件给你。
　　
1. Windows：全屏窗口滚动插件
　　该插件可以很好地实现全屏滚动，每滚动一次即为一屏。比如，用户浏览下一屏幕内容时，只需手动滚动到某一位置，该插件会自动滚动显示下一屏全部内容。对于浏览类似于PPT的内容时比较实用。
　　2. Jquery Scroll Follow：滚动跟随插件
　　该插件可以使DOM对象随着页面的滚动而移动。你可以设置滚动的速度、偏移等参数。
　　3. 列表滚动插件
　　该插件可以为任意列表添加上滚动效果。你可以自定义列表的滚动方向和滚动速度。
　　4. Sly：灵活的基于ITEM的滚动插件
　　SLY提供了很多基于项目（如图像/内容画廊）的滚动选项，支持水平和垂直方向的无限滚动。
5. Coverscroll
　　仿苹果的CoverFlow设计，支持滚动条、鼠标滚轮和手势来滚动查看。
6. Sticky
　该插件可以让你的页面中的任何元素在滚动过程中始终可见
7. Tiny Scrollbar：一个轻量级的JQUERY插件
8. Sticky Float：另一个滚动跟随插件
9. Page Scroller：漂亮实用的滚动导航
10. Custom Srollbar：自定义内容滚动条插件
11. Scroll Up：一个轻量级的滚动到顶部插件

css的overflow属性如何定义滚动条

滚动条在网页中经常见到，却并没有受到足够的重视。只有当因为滚动条的问题需要处理兼容性时，才进行调试操作。本章就给大家带来css滚动条的常见内容。
一：条件
滚动条和overflow是紧密相关的。只有当父级的overflow的值是auto或scroll，并且元素的内容超出元素区域时，才有可能出现滚动条
二：默认
无论什么浏览器，默认滚动条均来自《html》，而不是《body》。因为《body》元素默认有8px的margin。若滚动条来自《body》元素，则滚动条与页面则应该有8px的间距，实际上并没有间距，所以滚动条来自《html》元素
三：尺寸
通过以下代码可得出滚动条会占用浏览器的可用宽度为：
chrome/firefox/IE 17px
safari 21px.box{
width: 400px;
overflow: scroll;
}
.in{
*zoom: 1;
}《div class="box"》
《div id="in" class="in"》《/div》
《/div》console.log(400-document.getElementById(’in’).clientWidth);兼容
【1】默认情况下IE7-浏览器默认有一条纵向滚动条，而其他浏览器则没有
//IE7-浏览器
html{overflow-y: scroll;}
//其他浏览器
html{overflow: auto;}
//去除页面默认滚动条
html{overflow: hidden;}【2】IE7-浏览器与其他浏览器关于滚动条的宽度设定机制不同
.box{
width: 200px;
height: 100px;
background-color: pink;
overflow: scroll;
}
.in{
width: 100%;
height: 60px;
background-color: lightgreen;
}《div class="box"》
《div class="in"》测试文字《/div》
《/div》父级box出现纵向滚动条，实际上子级in的可用宽度就缩小了。IE7-浏览器的子级宽度忽略了该滚动条的宽度，子级宽度=400*100%=400px，则出现了横向滚动条；而其他浏览器的子级宽度考虑到该滚动条的宽度，子级宽度=(400-滚动条宽度)*100%
左边为IE7-浏览器，右边为其他浏览器
【3】水平居中跳动问题
当一个元素在页面中水平居中时，页面中出现纵向滚动条会发生水平居中的跳出问题。解决方法如下:
//IE8-默认
html{overflow-y: scroll}//IE9+，100vw表示浏览器的宽度，100%表示可用内容的宽度
.container{padding-left: calc(100vw-100%)}自定义
【1】IE
IE浏览器支持通过CSS样式来改变滚动条的部件的自定义颜色
scrollbar-face-color 滚动条凸出部分的颜色
scrollbar-shadow-color 立体滚动条阴影的颜色
scrollbar-highlight-color 滚动条空白部分的颜色
scrollbar-3dlight-color 滚动条亮边的颜色
scrollbar-darkshadow-color 滚动条强阴影的颜色
scrollbar-track-color 滚动条的背景颜色
scrollbar-arrow-color 上下按钮上三角箭头的颜色
scrollbar-base-color 滚动条的基本颜色
【2】webkit
webkit内核的浏览器支持滚动条自定义样式，但和IE不同，webkit是通过伪类来实现的组成
::-webkit-scrollbar 滚动条整体部分
::-webkit-scrollbar-thumb 滚动滑块
::-webkit-scrollbar-track 外层轨道
::-webkit-scrollbar-track-piece 内层轨道
::-webkit-scrollbar-corner 边角
::-webkit-scrollbar-button 两端按钮当为滚动条设置宽高样式为百分比值时，是相对视窗大小来说的
滚动条的层叠关系为scrollbar在最底层，往上依次是track外层轨道，track-piece内层轨道。而button按钮、corner边角和thumb滑块有最顶层
四：伪类相关
:horizontal
//horizontal伪类适用于任何水平方向上的滚动条
:vertical
//vertical伪类适用于任何垂直方向的滚动条
:decrement
//decrement伪类适用于按钮和轨道碎片。表示递减的按钮或轨道碎片，例如可以使区域向上或者向右移动的区域和按钮
:increment
//increment伪类适用于按钮和轨道碎片。表示递增的按钮或轨道碎片，例如可以使区域向下或者向左移动的区域和按钮
:start
//start伪类适用于按钮和轨道碎片。表示对象（按钮 轨道碎片）是否放在滑块的前面
:end
//end伪类适用于按钮和轨道碎片。表示对象（按钮 轨道碎片）是否放在滑块的后面
:double-button
//double-button伪类适用于按钮和轨道碎片。判断轨道结束的位置是否是一对按钮。也就是轨道碎片紧挨着一对在一起的按钮。
:single-button
//single-button伪类适用于按钮和轨道碎片。判断轨道结束的位置是否是一个按钮。也就是轨道碎片紧挨着一个单独的按钮。
:no-button
no-button伪类表示轨道结束的位置没有按钮。
:corner-present
//corner-present伪类表示滚动条的角落是否存在。
:window-inactive
//适用于所有滚动条，表示包含滚动条的区域，焦点不在该窗口的时候。
::-webkit-scrollbar-track-piece:start {
/*滚动条上半边或左半边*/
}
::-webkit-scrollbar-thumb:window-inactive {
/*当焦点不在当前区域滑块的状态*/
}
::-webkit-scrollbar-button:horizontal:decrement:hover {
/*当鼠标在水平滚动条下面的按钮上的状态*/
}

css怎样设置滚动条的颜色及样式

改变浏览器默认的滚动条样式：

//滚动条凹槽的颜色，还可以设置边框属性 

::-webkit-scrollbar-track-piece { 

background-color:#f8f8f8; 

}

//滚动条的宽度 

::-webkit-scrollbar {

width:9px;

height:9px; 

}

//滚动条的设置 

::-webkit-scrollbar-thumb {

background-color:#dddddd;

background-clip:padding-box;

min-height:28px; 

}

::-webkit-scrollbar-thumb:hover {

background-color:#bbb; 

}

扩展资料：

给某个div，class为test1加滚动条样式：

.test1::-webkit-scrollbar {

width: 8px;

}

.test1::-webkit-scrollbar-track {

background-color:red;

-webkit-border-radius: 2em;

-moz-border-radius: 2em;

border-radius:2em;

}

.test1::-webkit-scrollbar-thumb {

background-color:green;

-webkit-border-radius: 2em;

-moz-border-radius: 2em;

border-radius:2em;

}

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

我们大家在浏览网页的时偶尔会看到很漂亮的各种颜色样式的滚动条，这就是通过css代码控制来实现的，于是本人搜集整理一番，这里和大家分享一下使用CSS设置滚动条颜色以及如何去掉滚动条的方法，需要的朋友可以参考下,很有用的

我们大家在浏览网页的时偶尔会看到很漂亮的各种颜色样式的滚动条，这就是通过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; 
}

如何用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"的内

CSS怎么改变表单下拉框箭头和滚动条样式

CSS改变流动条的样式，代码如下：

scrollbar-face-color:#FEFAF1; (立体滚动条凸出部分的颜色) 
scrollbar-highlight-color:#FEFAF1; (滚动条空白部分的颜色) 
scrollbar-shadow-color:#FEFAF1; (立体滚动条阴影的颜色) 
scrollbar-arrow-color:#E6C3B9;(上下按钮上三角箭头的颜色) 
scrollbar-base-color:#FEFAF1; (滚动条的基本颜色) 
scrollbar-darkshadow-color:#E6C3B9; (立体滚动条强阴影的颜色) 
scrollbar-3dlight-color:#E6C3B9;(滚动条亮边的颜色) 
scrollbar-track-color:#FEFAF1;} (滚动条的背景颜色)

CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

CSS3中如何自定义滚动条样式

CSS3中可以通过给元素设置overflow：scroll生成滚动条，再通过设置scrollbar属性中的各个值重新自定义滚动条的样式
在浏览器中滚动条是必不可少的，通常具有独特的滚动条的网站更加吸引人注目，也使网站看起来与众不同。自定义滚动条我们可以使用jQuery插件来实现同样也可以利用CSS3来创建属于自己的滚动条，接下来在文章中将为大家详细介绍如何使用CSS3创建自定义滚动条
【推荐课程：CSS3教程】
overflow属性：
主要是设置内容溢出时的样式（超出是否显示滚动条）
overflow-x：水平方向内容溢出时的设置
overflow-y：垂直方向内容溢出时的设置
三个属性设置的值有：visible(默认值)、scroll、hidden、auto。
默认滚动条样式：
《style type="text/css"》
.scrollbar {
background-color: #F5F5F5;
height: 300px;
width: 65px;
margin: 100px auto;
overflow-y: scroll;//设置滚动条
}
.overflow {
height: 450px;
}
《/style》
《/head》
《body》
《div class="scrollbar" id="style-1"》
《div class="overflow"》《/div》
《/div》 效果图：
scrollbar属性：
scrollbar-face-color：立体滚动条凸出部分的颜色
scrollbar-arrow-color上下按钮上三角箭头的颜色
scrollbar-highlight-color：滚动条空白部分的颜色
scrollbar-shadow-color：立体滚动条边框的颜色
注意：这些属性仅支持在IE浏览器下
例：
scrollbar-face-color:pink;效果图：
自定义滚动条样式：
-webkit-scrollbar：滚动条整体部分
-webkit-scrollbar-button ：滚动条两端的按钮
-webkit-scrollbar-track ：外层轨道
-webkit-scrollbar-track-piece ：内层轨道，滚动条中间部分（除去）
-webkit-scrollbar-thumb： 拖动条
-webkit-scrollbar-corner： 边角
-webkit-resizer ：定义右下角拖动块的样式
例：
《style type="text/css"》
.scrollbar {
background-color: #F5F5F5;
height: 300px;
width: 65px;
margin: 100px auto;
overflow-y: scroll;
}
.overflow {
height: 450px;
}
/*滚动条区域*/
#demo::-webkit-scrollbar{
width:20px;
background-color:#fff;
}
/*滚动条*/
#demo::-webkit-scrollbar-thumb{
background-color:#f196c4b3;
}
/*滚动条外层轨道*/
#demo::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 1px ;
background-color:pink;
border-radius: 10px;
}
《/style》
}
《/head》
《body》
《div class="scrollbar" id="demo"》
《div class="overflow"》《/div》
《/div》
《/body》效果图：
总结：

css自定义滚动条

1、css可以通过为网页元素设置滚动条样式使网页元素的内容实现滚动。

2、第一种方法，代码如图。高度必须要有，overflow属性为auto。如果要出现水平滚动条，overflow-x：auto，如果出现垂直滚动条为，overflow-y：auto。然后查看结果，如图所示。第二种方法，如图。也需要设置宽高。

3、首先，打开html器，新建一个html文件，例如：index.html。在index.html中的标签中，输入样式代码：style=overflow-x：scroll；。浏览器运行index.html页面，此时html会有横线滚动条，并且隐藏了纵向滚动条。

4、CSS无法控制滚动条的样式。这里推荐几块滚动条美化的插件给你。Windows：全屏窗口滚动插件该插件可以很好地实现全屏滚动，每滚动一次即为一屏。

via浏览器自定义css代码

...的css,只要用微信访问我的网页,就会选择专用的css样式,代码...

1、如果css没有加载，检查下css是否是加载太慢花的时间太长导致的，如果是优化css，或者将css单独存放到加载速度快的服务器上。

2、内部样式（内联样式）：写在HTML页面内部，存放于head标记当中，样式写在style标记内。例：选择器 {属性名：属性值；属性名：属性值；...} 外部样式（外联样式）：写在css文件内。

3、首先在电脑中打开一个需要获取CSS数据的网页。在网页的空白处点击鼠标右键，选择“审查元素”的选项。点击后在页面的下方会打开一个网页元素代码窗口。

4、什么是网页，什么是超文本语言(html)。 会使用Dreamweaver等常用的网页器。 Dreamweaver是现今最好的网站工具之一，而Dreamweaver8增加的对CSS的支持更是你容易得来使用CSS，用它来给制作网页的CSS样式表会更简单、更方便。

浏览器怎么修改css

1、首先，打开html器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：a{font-family： 楷体；font-size： 20px；color： orange；}。

2、苹果Mac版Safar浏览器你直接用 media (min-width：1366px) and (max-width：1440px){} 这个来单独写一个CSS样式，看你的屏幕分辨率是多少，我查了下，MAC的是1440*900，所以就用上图我发的那个。

3、打开火狐浏览器，打开百度，搜索IE tab 火狐插件，会出现火狐社区插件，点击进入；或输入addons.mozilla.org/en-US/firefox/search/？q=ietab。点击添加。安装完成，重启浏览器。

4、那个不是，只是调试，基本上每个浏览器都是一样的，按f12就可以打开开发者工具了，之后就可以修改和调试html或者css。

5、条件注释。（只对IE浏览器有效）这也是北极冰仔部落格目前使用的方法。

如何单独给Safar浏览器设置CSS样式

1、苹果Mac版Safar浏览器你直接用 media (min-width：1366px) and (max-width：1440px){} 这个来单独写一个CSS样式，看你的屏幕分辨率是多少，我查了下，MAC的是1440*900，所以就用上图我发的那个。

2、一个很好的方法，不至于让网页大出浏览器的框以至于需要拖动。

3、w3c的html规范中有规定了引入css文件所针对的设备，可以通过在标签上添加media属性来指定所引入的css文件支持的设备，那针对手机这种移动设备，设置media属性值为handheld。

4、css样式可以在页面上右击元素查看，然后即可在下面的面板上出现对当前对象生效的css样式代码，此时您可以直接修改css来实现样式预览。即实现了您所说的css调试。希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。

5、JavaScript设置外部样式 当你需要改变的样式已经在css文件中定义了，我们也可以用JavaScript直接用定义好的css样式。

怎样编写只有手机浏览器支持的css呢?

w3c的html规范中有规定了引入css文件所针对的设备，可以通过在标签上添加media属性来指定所引入的css文件支持的设备，那针对手机这种移动设备，设置media属性值为handheld。

没什么捷径走，兼容性是靠经验得来的。前期建议买本css书系统学习一下，做的时候每写一句css就用不同浏览器测试一下，哪个不兼容就立刻修改css。遵守规范，谨记用合适的标签做适合的事，最少的标签做最多的事。

我们也可以反过来利用CSS hack为不同版本的浏览器定制编写不同的CSS效果。

css自定义滚动条

1、css可以通过为网页元素设置滚动条样式使网页元素的内容实现滚动。

2、第一种方法，代码如图。高度必须要有，overflow属性为auto。如果要出现水平滚动条，overflow-x：auto，如果出现垂直滚动条为，overflow-y：auto 。然后查看结果，如图所示。第二种方法，如图。也需要设置宽高。

3、首先，打开html器，新建一个html文件，例如：index.html。在index.html中的标签中，输入样式代码：style=overflow-x： scroll； 。浏览器运行index.html页面，此时html会有横线滚动条，并且隐藏了纵向滚动条。

4、CSS无法控制滚动条的样式。这里推荐几块滚动条美化的插件给你。 Windows：全屏窗口滚动插件 该插件可以很好地实现全屏滚动，每滚动一次即为一屏。