読み込み中...
読み込み中...
カスタムスクロールバーCSSを生成
スクロールテスト行 1
スクロールテスト行 2
スクロールテスト行 3
スクロールテスト行 4
スクロールテスト行 5
スクロールテスト行 6
スクロールテスト行 7
スクロールテスト行 8
スクロールテスト行 9
スクロールテスト行 10
スクロールテスト行 11
スクロールテスト行 12
スクロールテスト行 13
スクロールテスト行 14
スクロールテスト行 15
スクロールテスト行 16
スクロールテスト行 17
スクロールテスト行 18
スクロールテスト行 19
スクロールテスト行 20
/* Webkit (Chrome, Safari, Edge) */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
background: #94a3b8;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #64748b;
}
/* Firefox */
* {
scrollbar-width: auto;
scrollbar-color: #94a3b8 #f1f5f9;
}