2016-07-14 13 views
1

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

+0

http://stackoverflow.com/questions/6165472/custom-css-scrollbar-for-firefox – Vcasso

+0

Mögliche Duplikat von [CSS angepasste Bildlaufleiste in div] (http: // stackoverflo w.com/questions/9251354/css-customized-scroll-bar-in-div) –

Antwort

0

Leider Freund FIRFOX, Opera Mini & Rand nicht unterstützt scrollbar Stil
SIE es check it

+0

yo, vielen Dank dafür –

+0

Sie sind herzlich willkommen. Es war meine erste Errungenschaft von Stack Overflow. :) –

0

hier überprüfen -WebKit- gilt für Chrome und Safari, nicht sicher, ob andere Browser benutzerdefinierte Bildlaufleisten unterstützen, aber ich denke, dass sie nicht

Verwandte Themen