****************html******************************
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"
name="viewport"/>
</head>
<body>
<div class="rows">
<p>巧巧，我是那坨最有营养的牛粪</p>
<p>巧巧，我是那坨最有营养的牛粪</p>
<p>巧巧，我是那坨最有营养的牛粪</p>
<p>巧巧，我是那坨最有营养的牛粪</p>
<p>巧巧，我是那坨最有营养的牛粪</p>
<p>巧巧，我是那坨最有营养的牛粪</p>
<p>巧巧，我是那坨最有营养的牛粪</p>
<p>巧巧，我是那坨最有营养的牛粪</p>
<p>巧巧，我是那坨最有营养的牛粪</p>
<p>巧巧，我是那坨最有营养的牛粪</p>
<p>巧巧，我是那坨最有营养的牛粪</p>
<p>巧巧，我是那坨最有营养的牛粪</p>
<p>巧巧，我是那坨最有营养的牛粪</p>
<p>巧巧，我是那坨最有营养的牛粪</p>
<p>巧巧，我是那坨最有营养的牛粪</p>
<p>巧巧，我是那坨最有营养的牛粪</p>
<p>巧巧，我是那坨最有营养的牛粪</p>
<p>巧巧，我是那坨最有营养的牛粪</p>
<p>巧巧，我是那坨最有营养的牛粪</p>
<p>巧巧，我是那坨最有营养的牛粪</p>
<p>巧巧，我是那坨最有营养的牛粪</p>
<p>巧巧，我是那坨最有营养的牛粪</p>
<p>巧巧，我是那坨最有营养的牛粪</p>
<p>巧巧，我是那坨最有营养的牛粪</p>
</div>
</body>
</html>
****************css******************************
.rows {
width:300px;
height: 230px;
overflow: hidden;
overflow-y: auto;
}
.rows::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0);
border-left: 1px solid rgba(0, 0, 0, 0);
}
.rows::-webkit-scrollbar {
width: 5px;
height: 13px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.rows::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.5);
background-clip: padding-box;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
min-height: 28px;
}
.rows::-webkit-scrollbar-thumb:hover {
background-color: rgba(0, 0, 0, 0.5);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
