自定义webkit内核的scrollbar

简介:

刚自定义的,上图:

scrollbar

说明

::-webkit-scrollbar   { 1 }滚动条整体部分 
::-webkit-scrollbar-button   { 2 }滚动条两端的按钮 
::-webkit-scrollbar-track   { 3 }外层轨道 
::-webkit-scrollbar-track-piece   { 4 }内层轨道,滚动条中间部分(除去) 
::-webkit-scrollbar-thumb   { 5 }拖动按钮 
::-webkit-scrollbar-corner   { 6 }边角 
::-webkit-resizer   { 7 }定义右下角拖动块的样式

demo

http://codepen.io/makaiqian/pen/CxnjB

目录
相关文章
移动端的打开方式,打开F12之后,就可以看到手机样式设计,移动端的初始化使用normalize.css代码库录到,box-sizing: border-box; 定宽度为多少就是多少,代码库,移动端
移动端的打开方式,打开F12之后,就可以看到手机样式设计,移动端的初始化使用normalize.css代码库录到,box-sizing: border-box; 定宽度为多少就是多少,代码库,移动端
|
11月前
|
前端开发
border-radius 兼容 IE8浏览器
border-radius 兼容 IE8浏览器
78 1
|
前端开发
css实现3D弹性按钮以及box-shadow特性说明
css实现3D弹性按钮以及box-shadow特性说明
134 0
|
前端开发 容器
利用transition属性实现一个简单小巧的hover效果
原理 定位一个 初始width为0的em元素,hover的时候再将 width设置为容器的width. 再利用transiton对width变化的过程设置过度效果
130 0
利用transition属性实现一个简单小巧的hover效果
|
前端开发
css中使用“-webkit-appearance: none;”去除系统默认appearance的样式引发的问题
解决网站bug时,发现一个棘手的问题:<input type="checkbox">的复选框选中了没有打钩,经排查,是由于css中“-webkit-appearance: none;”导致的,改成“-webkit-appearance: checkbox”后恢复正常。查询资料:总结如下
654 0
|
移动开发 前端开发 JavaScript
WebKit 技术内幕之浏览器与WebKit内核
此文章是我最近在看的【WebKit 技术内幕】一书的一些理解和做的笔记。 而【WebKit 技术内幕】是基于 WebKit 的 Chromium 项目的讲解。
557 0
WebKit 技术内幕之浏览器与WebKit内核
Element UI - 滚动条样式(仅支持 Webkit 内核)
Element UI - 滚动条样式(仅支持 Webkit 内核)
640 0
|
Web App开发
Chrome浏览器里的-webkit-focus-ring-color
Chrome浏览器里的-webkit-focus-ring-color
131 0
Chrome浏览器里的-webkit-focus-ring-color
|
安全 C# Windows
C#调用WebKit内核
原文:C#调用WebKit内核 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u013564470/article/details/80255954 系统要求 Windows与.NET框架 由于WebKit库和.NET框架的要求,WebKit .NET只能在Windows系统上运行。
1377 0
Mint-UI Infinite Scroll 无限滚动运用
版权声明:本文首发 http://asing1elife.com ,转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82696889 ...
2291 0