CSS界面滚动时不显示滚动条怎么办

这篇文章主要讲解了"CSS界面滚动时不显示滚动条怎么办"，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习"CSS界面滚动时不显示滚动条怎么办"吧！

　　设置css滚动条的样式：

　　div::-webkit-scrollbar{

　　width:0;

　　}

　　关于::-webkit-scrollbar

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

　　::-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{styleshere}

　　例子

　　复制代码

　　.invisible-scrollbar::-webkit-scrollbar{

　　display:none;

　　}

　　.mostly-customized-scrollbar::-webkit-scrollbar{

　　width:5px;

　　height:8px;

　　background-color:#aaa;/*oraddittothetrack*/

　　}

　　.mostly-customized-scrollbar::-webkit-scrollbar-thumb{

　　background:#000;

感谢各位的阅读，以上就是"CSS界面滚动时不显示滚动条怎么办"的内容了，经过本文的学习后，相信大家对CSS界面滚动时不显示滚动条怎么办这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是，小编将为大家推送更多相关知识点的文章，欢迎关注！