/*定義滾動條高寬及背景 高寬分別對應橫豎滾動條的尺寸*/
::-webkit-scrollbar {
background-color: #f5f5f5;
width: 10px;
}
/*定義滾動條軌道 內陰影+圓角*/
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px 6px rgba(0, 0, 0, 0.1);
border-radius: 10px;
background-color: #f5f5f5;
}
/*定義滑塊 內陰影+圓角*/
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px 6px rgba(0, 0, 0, 0.3);
background-color: #ddd;
}
HTML頁面修改滾動條樣式
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
推薦閱讀更多精彩內容
- 效果圖: 此篇文章是方便效果呈現才設計成這樣,各位可以 "取其精華" ?? 用來設計自己想要的樣子~~ ??DOMCo...
- 生成的pdf只有頁面窗口可見的區域,有滾動條的下面沒有生成出來。如果截取是body的這個層級,而剛好body設置了...