カスタムスクロールバー
1819 ワード
スクロールバーの幅を設定する
こちらがコード
こちらがコード
こちらがコード
男を見てのおかげで、私はすべてのステップを理解願ってあなたのウェブサイトにカスタムのスクロールバーを適用します.
また、当社のウェブサイトmycodemagicをご覧ください
こちらがコード
::-webkit-scrollbar {
width: 20px;
-webkit-transition: all 300ms;
transition: all 300ms;
}
スクロールバーのトラックを設定するこちらがコード
::-webkit-scrollbar-track {
background-color: #EDF2F4;
}
スクロールバーの親指を設定するこちらがコード
::-webkit-scrollbar-thumb {
border-radius: 7px;
background: #2B2D42;
border-left: 3px solid #EDF2F4;
border-right: 3px solid #EDF2F4;
}
今私は正常に私は右を作成することができます確信していますか?男を見てのおかげで、私はすべてのステップを理解願ってあなたのウェブサイトにカスタムのスクロールバーを適用します.
また、当社のウェブサイトmycodemagicをご覧ください
Reference
この問題について(カスタムスクロールバー), 我々は、より多くの情報をここで見つけました https://dev.to/mycodemagic/create-custom-scrollbar-bf2テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol