i an einem Projekt gearbeitet haben, die hier individuelle Bildlaufleiste beinhaltet ist der Codebenutzerdefinierte Bildlaufleiste nur auf Chrom arbeiten
<html>
<head>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<style>
.scrollbar
{
margin-left: 30px;
float: left;
height: 300px;
width: 65px;
background: #F5F5F5;
overflow-y: scroll;
margin-bottom: 25px;
}
.force-overflow
{
min-height: 450px;
}
#style-2::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
#style-2::-webkit-scrollbar
{
width: 12px;
background-color: #F5F5F5;
}
#style-2::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #D62929;
}
</style>
</head>
<body id="main">
<div class="scrollbar" id="style-2">
<div class="force-overflow"></div>
</div>
</body>
</html>
das Problem ist, es nur auf Chrom arbeitet wie kann ich es auf jeden funktioniert Browser. Ich habe alle über das Internet gesucht, aber immer noch keine zuverlässige solution.thanks im Voraus Fein können
http://stackoverflow.com/questions/6165472/custom-css-scrollbar-for-firefox – Vcasso
Mögliche Duplikat von [CSS angepasste Bildlaufleiste in div] (http: // stackoverflo w.com/questions/9251354/css-customized-scroll-bar-in-div) –