本篇文章帶給大家的內容是關於css3如何實作自訂捲軸樣式? (程式碼),有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。
CSS3自訂捲軸樣式
捲軸組成
::-webkit-scrollbar 捲軸整體部分
::-webkit-scrollbar-thumb 捲軸滑桿
: :-webkit-scrollbar-track 捲軸滑動軌道
::-webkit-scrollbar-button 捲軸兩端按鈕
::-webkit-scrollbar-track-piect 磁碟區號
.content{ over-flow:auto; } .content::-webkit-scrollbar{ width:4px; 设置轨道宽度 } .content::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: #333; -webkit-box-shadow:inset(0px,0px,5px,#555); } .content::-webkit-scrollbar-track{ border-radius:10px; background-color:#999; -webkit-box-shadow:inset(0px,0px,5px,#555); }
以上是css3如何實作自訂捲軸樣式? (代碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章!