1. 首頁 > 生活經驗 > >

html滾動條樣式 html滾動條在上方

知識經驗

【html滾動條樣式 html滾動條在上方】

html滾動條樣式 html滾動條在上方

文章插圖
大家好,小耶來為大家解答以上的問題 。html滾動條在上方，html滾動條樣式這個很多人還不知道,現在讓我們一起來看看吧！
1、{width: 50px;height: 200px;overflow: auto;float: left;margin: 5px;border: none;}.scrollbar{width: 30px;height: 300px;margin: 0 auto; }.test-1::-webkit-scrollbar {/*滾動條整體樣式*/width: 10px;/*高寬分別對應橫豎滾動條的尺寸*/height: 1px;}.test-1::-webkit-scrollbar-thumb {/*滾動條里面小方塊*/border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #535353;}.test-1::-webkit-scrollbar-track {/*滾動條里面軌道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #EDEDED;} 。
本文到此分享完畢，希望對大家有所幫助 。