スクロールバーのカスタムの方法について

スクロールバーの大きさ

::-webkit-scrollbar {
	width: 10px;
}

スクロールバーの色

::-webkit-scrollbar-thumb {
	background-color: white;
}

スクロールバーの背景色

::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}

スクロールバーの角を丸くする

::-webkit-scrollbar-thumb {
	border-radius: 5px;
}

スクロールバーの有無

スクロールバーの非表示の方法について

スクロールバーの非表示の方法について

縦スクロールバーの非表示

body { 
	overflow-y: hidden;
}

横スクロールバーの非表示

body { 
	overflow-x: hidden; 
}

スクロールバーの非表示

body { 
	overflow: hidden; 
}

しかし、overflowプロパティを使用するとスクロールそのものが無効化されてしまう。

参考

スクロールバーのカスタム

元記事へのリンク