如何配置H5的滚动条样式的代码

这篇文章主要介绍了配置h5的滚动条样式的示例代码的相关资料，内容挺不错的，现在分享给大家，也给大家做个参考。

本文介绍了配置H5的滚动条样式的示例代码，分享给大家，具体如下：

/* 滚动条的滑轨背景颜色 */::-webkit-scrollbar-track {    background-color: #b46868;}/* 滑块颜色 */::-webkit-scrollbar-thumb {    background-color: rgba(0, 0, 0, 0.2);} /* 滑轨两头的监听按钮颜色 */::-webkit-scrollbar-button {    background-color: #7c2929;}/* 横向滚动条和纵向滚动条相交处尖角的颜色 */::-webkit-scrollbar-corner {    background-color: black;} // IE 自己的设置方法，并且是第一个可以自定义滚动条的浏览器，从IE5.5开始兼容body {    scrollbar-face-color: #b46868;}举例/* Document scrollbar */::-webkit-scrollbar {  width: 8px;}::-webkit-scrollbar-track {  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);  border-radius: 10px;}::-webkit-scrollbar-thumb {  border-radius: 10px;  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);}/* Scrollable element */.some-element::webkit-scrollbar {}
    
      Lorem ipsum dolor sit amet consectetur adipisicing elit.       Iure id exercitationem nulla qui repellat laborum vitae,       molestias tempora velit natus. Quas, assumenda nisi.       Quisquam enim qui iure, consequatur velit sit?    

登录后复制

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

相关推荐：

H5实现图片压缩与上传

H5实现图片压缩与上传

以上就是如何配置H5的滚动条样式的代码的详细内容，更多请关注【创想鸟】其它相关文章！