同じ方法ですべてのブラウザでカスタムスクロールバーをサポート

Question

ブラウザでカスタムスクロールバーを同じ方法で実装できるCSS/JS/HTMLソリューションはありますか？

私は唯一のCSSソリューションを見ましたが、DIDNTはIE/FFで動作します。このテーマには何か新しいことはありますか？

私のページで使用できる「すぐ使用できる」コンポーネントではなく、すぐに使用できるコンポーネントを探していません。 "すべてのブラウザでサポートされている"

Answer 1

あなたは（クロムやオペラでのサポートを）このCSSを使用することができます

::-webkit-scrollbar { 
    width: 6px; 
    background-color: transparent; 
    border-radius: 0; 
    -webkit-border-radius: 0; 
} 

::-webkit-scrollbar-button:vertical { 
    background-color: transparent; 
    border-top: 1px solid transparent; 
    height: 0; 
} 

::-webkit-scrollbar-thumb { 
    background-color: #d9d9d9; 
    border-radius: 17px; 
} 

::-webkit-scrollbar-thumb:hover { 
    background-color: #ccc; 
    cursor: pointer; 
}