效果如下

html示例代码:
<div class="con">
<p>ssss</p>
<p>ssss</p>
<p>ssss</p>
<p>ssss</p>
</div>
css示例代码:
.con{
height:70px;
overflow-y:auto;
}
.con::-webkit-scrollbar {/*滚动条整体样式*/
width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
.con::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
border-radius: 10px;
background-color: #F90;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%,
transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255,
.2) 75%, transparent 75%, transparent);
}
.con::-webkit-scrollbar-track {/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
/*border-radius: 10px;*/
background: #EDEDED;
}
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
网站挺不错的!
6666
老哥 我想..
网站挺不错的!
可以的
超喜欢这里的
顶
装装逼
测试一下
我只是随便看看
啦啦啦啦
百度来的,网站挺好看的
超喜欢这里的
顶
支持一下
支持一下
老哥 我想..
网站挺不错的!
支持一下
就服你
过来逛逛
哈哈哈哈哈
百度来的,网站挺好看的
顶
6666
啦啦啦啦
主题不错!
装装逼
牛逼
稳
装装逼
百度来的,网站挺好看的
超喜欢这里的
我只是随便看看
过来逛逛
6666
稳
哈哈哈哈哈
顶
点赞是不可能点赞的
就服你
百度来的,网站挺好看的
顶
哈哈哈哈哈
啦啦啦啦
过来逛逛
支持一下
啦啦啦啦
老哥 我想..
可以的
就服你
就服你
过来逛逛
就服你
就服你
牛逼
老哥 我想..
过来逛逛
哈哈哈哈哈
过来逛逛
顶
主题不错!
百度来的,网站挺好看的
哈哈
过来逛逛
老哥 我想..
支持一下
测试一下
顶
点个赞
百度来的,网站挺好看的
6666
装装逼
测试一下
过来逛逛
超喜欢这里的
啦啦啦啦
测试一下
啦啦啦啦
稳
老哥 我想..
装装逼
测试一下
主题不错!
装装逼
点个赞
哈哈哈哈哈
牛逼
支持一下
牛逼
装装逼
可以的
超喜欢这里的
哈哈哈哈哈
支持一下
牛逼
顶
哈哈哈哈哈
网站挺不错的!
6666
就服你
老哥 我想..
百度来的,网站挺好看的
点个赞
主题不错!
测试一下
啦啦啦啦
6666
牛逼
稳
我只是随便看看
6666
我只是随便看看
6666
点个赞
稳
顶
顶
哈哈哈哈哈
超喜欢这里的
稳
哈哈
哈哈哈哈哈
主题不错!
牛逼
主题不错!
牛逼
哈哈哈哈哈
稳
超喜欢这里的
哈哈
啦啦啦啦
百度来的,网站挺好看的
网站挺不错的!
可以的
牛逼
装装逼
支持一下
点个赞
6666
支持一下
点个赞
百度来的,网站挺好看的
装装逼
主题不错!
点赞是不可能点赞的
可以的
可以的
网站挺不错的!
支持一下
哈哈
顶
超喜欢这里的
牛逼
顶
哈哈
哈哈哈哈哈
6666
过来逛逛
装装逼
稳
老哥 我想..
哈哈哈哈哈
装装逼
哈哈哈哈哈
点赞是不可能点赞的
哈哈
主题不错!
稳
支持一下
点个赞
哈哈
啦啦啦啦
超喜欢这里的
哈哈
啦啦啦啦
稳
超喜欢这里的
哈哈哈哈哈
哈哈
6666
点个赞
可以的
老哥 我想..
主题不错!
可以的
支持一下
我只是随便看看
支持一下
百度来的,网站挺好看的
测试一下
超喜欢这里的
测试一下
老哥 我想..
就服你
牛逼
老哥 我想..
点个赞
可以的
牛逼
网站挺不错的!
6666
装装逼
顶
我只是随便看看
牛逼
点赞是不可能点赞的
顶
装装逼
百度来的,网站挺好看的
支持一下
稳
牛逼
稳
点个赞
老哥 我想..
可以的
点个赞
网站挺不错的!
6666
过来逛逛
牛逼
就服你
装装逼
网站挺不错的!
顶
点赞是不可能点赞的
网站挺不错的!
老哥 我想..
超喜欢这里的
稳
顶
点赞是不可能点赞的
百度来的,网站挺好看的
支持一下
过来逛逛
点赞是不可能点赞的
可以的
老哥 我想..
超喜欢这里的
哈哈哈哈哈
支持一下
测试一下
点赞是不可能点赞的
过来逛逛
百度来的,网站挺好看的
点赞是不可能点赞的
超喜欢这里的
过来逛逛
装装逼
主题不错!
支持一下
牛逼
测试一下
牛逼
主题不错!
网站挺不错的!
支持一下
老哥 我想..
哈哈
点赞是不可能点赞的
百度来的,网站挺好看的
点个赞
老哥 我想..
主题不错!
老哥 我想..
可以的
点个赞
装装逼
测试一下
点赞是不可能点赞的
超喜欢这里的
测试一下
6666
牛逼
老哥 我想..
装装逼
点赞是不可能点赞的
老哥 我想..
网站挺不错的!
测试一下
哈哈
我只是随便看看
点个赞
点赞是不可能点赞的
啦啦啦啦
6666
测试一下
装装逼
可以的
就服你
主题不错!
超喜欢这里的
装装逼
牛逼
顶
牛逼
过来逛逛
就服你
点个赞
测试一下
就服你
支持一下
老哥 我想..
网站挺不错的!
牛逼
6666
顶
主题不错!
网站挺不错的!
哈哈哈哈哈
稳
百度来的,网站挺好看的
我只是随便看看
稳
哈哈
老哥 我想..
支持一下
啦啦啦啦
点个赞
点个赞
老哥 我想..
超喜欢这里的
点赞是不可能点赞的
支持一下
点个赞
可以的
牛逼
点个赞
我只是随便看看
顶
主题不错!
哈哈哈哈哈
点赞是不可能点赞的
啦啦啦啦
啦啦啦啦
支持一下
哈哈哈哈哈
网站挺不错的!
稳
网站挺不错的!
啦啦啦啦
哈哈
测试一下
稳
支持一下
可以的
哈哈
装装逼
牛逼
测试一下
支持一下
点个赞
哈哈
哈哈
稳
主题不错!
6666
主题不错!
百度来的,网站挺好看的
顶
装装逼
就服你
测试一下
点赞是不可能点赞的
稳
点个赞
顶
哈哈
啦啦啦啦
超喜欢这里的
6666
点赞是不可能点赞的
网站挺不错的!
老哥 我想..
测试一下
网站挺不错的!
点赞是不可能点赞的
主题不错!
我只是随便看看
百度来的,网站挺好看的
就服你
超喜欢这里的
超喜欢这里的
支持一下
哈哈
点个赞
牛逼
装装逼
过来逛逛
超喜欢这里的
超喜欢这里的
就服你
测试一下
过来逛逛
支持一下
牛逼
支持一下
点个赞
测试一下
啦啦啦啦
哈哈
测试一下
过来逛逛
啦啦啦啦
超喜欢这里的
超喜欢这里的
百度来的,网站挺好看的
可以的
稳
啦啦啦啦
就服你
顶
支持一下
啦啦啦啦
可以的
哈哈
点赞是不可能点赞的
点赞是不可能点赞的
超喜欢这里的
牛逼
超喜欢这里的
哈哈哈哈哈
主题不错!
稳
牛逼
测试一下
牛逼
点赞是不可能点赞的
6666
装装逼
稳
网站挺不错的!
过来逛逛
就服你
网站挺不错的!
哈哈
6666
牛逼
点赞是不可能点赞的
过来逛逛
点赞是不可能点赞的
稳
装装逼
就服你
点赞是不可能点赞的
就服你
点个赞
装装逼
牛逼
测试一下
可以的
稳
啦啦啦啦
6666
点赞是不可能点赞的
6666
支持一下
过来逛逛
装装逼
网站挺不错的!
我只是随便看看
主题不错!
哈哈哈哈哈
主题不错!
就服你
百度来的,网站挺好看的
6666
超喜欢这里的
6666
啦啦啦啦
老哥 我想..
哈哈哈哈哈
百度来的,网站挺好看的
就服你
就服你
点个赞
哈哈
过来逛逛
哈哈哈哈哈
支持一下
稳
网站挺不错的!
学到了,原来还可以这样啊
学到了,原来还可以这样啊
点赞o( ̄▽ ̄)d
还可以吧
还可以吧
这篇文章写得真不错,收藏一下~
哈哈哈哈哈哈哈哈
………..
牛掰牛掰,点个赞
学到了,原来还可以这样啊
这篇文章写得真不错,收藏一下~
有点东西哇
………..
点赞o( ̄▽ ̄)d
学到了,原来还可以这样啊
牛掰牛掰,点个赞
默默收藏了,悄咪咪评个论
哈哈哈哈哈哈哈哈
牛掰牛掰,点个赞
这篇文章写得真不错,收藏一下~
点赞o( ̄▽ ̄)d
点赞o( ̄▽ ̄)d
牛掰牛掰,点个赞
还可以吧
有点东西哇
还可以吧
还没看完,但是先评论点赞了哈哈哈
学到了,原来还可以这样啊
有点东西哇
学到了,原来还可以这样啊
点赞o( ̄▽ ̄)d
还没看完,但是先评论点赞了哈哈哈
默默收藏了,悄咪咪评个论
………..
哈哈哈哈哈哈哈哈
还可以吧
学到了,原来还可以这样啊
这篇文章写得真不错,收藏一下~
默默收藏了,悄咪咪评个论