Login
网站首页 > 文章中心 > 其它

css滚动条样式代码_Div我只要竖的滚动条怎么写CSS?

作者:小编 更新时间:2023-07-27 14:57:11 浏览量:201人看过

迅键芦

.over

{

height: 20px;

overflow: scroll;

overflow-x: hidden;

overflow-y: auto;

}

sdfsdfsdf亮唯

sdfsdfsdf

scrollbar-3d-light-color 设置或检索滚动条亮边框颜色

scrollbar-highlight-color 设置或检索滚动条3D界面的亮边(余渗ThreedHighlight)颜色

scrollbar-face-color 设置或检索滚动条3D表面(ThreedFace)的颜色

scrollbar-arrow-color 设置竖运脊或检索滚动条方向箭头的颜色

scrollbar-shadow-color 设置或检索滚动条3D界面的暗边(ThreedShadow)颜色

scrollbar-dark-shadow-color 设置或检索滚动条暗边框(ThreedDarkShadow)颜色

scrollbar-base-color 设置悄胡或检索滚动条基准颜色。其它界面颜色将据此自动调整

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:一个轻量级的滚动到顶部插件

目前只有chrome支持设置滚动条样式,给div设置伪类::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的

::-webkit-scrollbar-button 滚动羡腊条两端的按钮

::-webkit-scrollbar-track 外层轨道厅敏

::-webkit-scrollbar-track-piece 内层滚动槽扮派枝

::-webkit-scrollbar-thumb 滚动的滑块

::-webkit-scrollbar-corner 边角

::-webkit-resizer 定义右下角拖动块的样式如div::-webkit-scrollbar{

width:4px

以上就是土嘎嘎小编大虾米为大家整理的css滚动条样式代码_Div我只要竖的滚动条怎么写CSS?相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章