# 滚动条样式

海客談瀛洲,煙濤微茫信難求

越人語天姥,雲霞明滅或可覩

天姥連天向天橫,勢拔五嶽掩赤城

天台四萬八千丈,對此欲倒東南傾

我欲因之夢吳越,一夜飛渡鏡湖月

湖月照我影,送我至剡溪

謝公宿處今尚在,淥水蕩漾清猨啼

腳著謝公屐,身登青雲梯

半壁見海日,空中聞天雞

千巖萬轉路不定,迷花倚石忽已暝

熊咆龍吟殷巖泉,慄深林兮驚層巔

雲青青兮欲雨,水澹澹兮生煙

列缺霹靂,丘巒崩摧

洞天石扉,訇然中開

青冥浩蕩不見底,日月照耀金銀臺

霓爲衣兮風爲馬,雲之君兮紛紛而來下

虎鼓瑟兮鸞迴車,仙之人兮列如麻

忽魂悸以魄動,怳驚起而長嗟

惟覺時之枕席,失向來之煙霞

世間行樂亦如此,古來萬事東流水

別君去兮何時還?且放白鹿青崖間,須行即騎訪名山

安能摧眉折腰事權貴,使我不得開心顏

.scroll-container {
 height: 250px;
 border: 1px solid #ddd;
 padding: 15px;
 overflow: auto;
 .row {
   margin: 0;
   line-height: 1.5;
 }

 &::-webkit-scrollbar {
   width: 8px;
   background: white;
 }
 &::-webkit-scrollbar-corner, /* 滚动条角落 */
 &::-webkit-scrollbar-thumb,
 &::-webkit-scrollbar-track {
   border-radius: 4px;
 }
 &::-webkit-scrollbar-corner,
 &::-webkit-scrollbar-track {
   /* 滚动条轨道 */
   background-color: rgba(180, 160, 120, 0.1);
   box-shadow: inset 0 0 1px rgba(180, 160, 120, 0.5);
 }
 &::-webkit-scrollbar-thumb {
   /* 滚动条手柄 */
   background-color: #00adb5;
 }
}

通过css修改的滚动条样式兼容性很差,建议使用相关插件修改