当前位置:首页 > Web开发 > 正文

界面滚动时不显示滚动条

2024-03-31 Web开发

标签:

设置滚动条的样式:

div::-webkit-scrollbar { width: 0; }

关于::-webkit-scrollbar

::-webkit-scrollbar CSS伪类选择器影响了一个元素的滚动条的样式

::-webkit-scrollbar 仅仅在撑持WebKit的浏览器 (例如, 谷歌Chrome, 苹果Safari)可以使用.

CSS滚动条选择器

你可以使用以下伪元素选择器去改削各样webkit浏览器的滚动条样式:

::-webkit-scrollbar — 整个滚动条.

::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头).

::-webkit-scrollbar-thumb — 滚动条上的滚动滑块.

::-webkit-scrollbar-track — 滚动条轨道.

::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分.

::-webkit-scrollbar-corner — 当同时有垂直滚动条和程度滚动条时交汇的部分.

::-webkit-resizer — 某些元素的corner部分的部分样式(例:textarea的可拖动按钮).

语法

::-webkit-scrollbar { styles here }

例子

.invisible-scrollbar::-webkit-scrollbar { display: none; } .mostly-customized-scrollbar::-webkit-scrollbar { width: 5px; height: 8px; background-color: #aaa; /* or add it to the track */ } .mostly-customized-scrollbar::-webkit-scrollbar-thumb { background: #000; }

CSS-界面滚动时不显示滚动条

qq空间访问权限破解器2020

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/29318.html