您好,今天琪琪来为大家解答以上的问题。滚动条css相信很多小伙伴还不知道,现在让我们一起来看看吧！

1、sdfsdfsdf效}/ HOVER:button you drag down the strip /果入下代码如下width:;height:200pxscrollbar thumb[orient="vertical"]:hover;overflow-x:hidden;overflow-y:auto;}/兼容IE/scrollbar-face-color: #20a774;/移动滑块颜色/scrollbar-track-color: #ccc;/背景颜色/scrollbar-arrow-color: #ddd;/箭头颜色/}.div::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #ccc;}/ 滚动条的滑轨背景颜色 /.div::-webkit-scrollbar{width: 6px;background-color: #ccc;}.div::-webkit-scrollbar-thumb{background-color: #20a774;}/ 滑块颜色 /当div内的内容超过200px时才会显示滚动条，下边的代码是对滚动条的优化，希望对你有帮助。

2、div 加滚动条的方法：div 设置滚动条自适应显示：overflow :autodiv 设置上下滚动条显示：overflow-y :yesdiv 设置上下滚动条自适应显示：overflow-y :auto如果该div被包含在其他对象例如td中，则位置可设为相对：ition:relative 这里是你要显示的内容 overflow-y:scroll; 总是显示纵向滚动条overflow-y:visible; 不剪切内容也不添加纵向滚动条overflow-x:scroll; 总是显示横向滚动条overflow-x:visible : 不剪切内容也不添加横向滚动条给你2种方法： 1、在文字或者滚动条所在层加入marging-bottom:20px; 2、在文字或者滚动条所在层的外一层加入padding-bottom:20px; padding-bottom:overflow：auto;//内容超出出现滚动条overflow-x: hidden;属性，这样的话超出你设置的高度，就会出现流动条。

本文到这结束，希望上面文章对大家有所帮助。