Estou a adequar um Scroll para um website, onde só consigo adequa-lo para o Chrome. Para IE, Firefox (entre outros provavelmente) não funciona com o CSS que estou a adicionar.
Código (Javascript):
Código (CSS):
A questão é, o que devo alterar ou adicionar, para colocar a funcionar da mesma forma, que funciona no Chrome?
Código (Javascript):
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
<!--instantiate after some browser sniffing to rule out webkit browsers-->
<script type="text/javascript">
$(document).ready(function () {
if (!$.browser.webkit) {
$('.container').jScrollPane();
}
});
</script>
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
<!--instantiate after some browser sniffing to rule out webkit browsers-->
<script type="text/javascript">
$(document).ready(function () {
if (!$.browser.webkit) {
$('.container').jScrollPane();
}
});
</script>
Código (CSS):
::-webkit-scrollbar {
-moz-appearance: none !important;
width: 11px;
} /* este tem como alvo o padrão de rolagem (obrigatório) */
::-webkit-scrollbar-track {
background-color: #b46868;
} /* a nova barra de posicionamento terá uma aparência plana com a cor do fundo conjunto */
::-webkit-scrollbar-thumb {
background-color: #953536;
} /* este será o estilo do polegar, ignorando a faixa */
::-webkit-scrollbar-button {
background-color: #953536;
width: 11px;
height: 44px;
} /* Opcionalmente, você pode estilizar os botões inferiores (esquerdo e direito para as barras horizontais) e superior */
::-webkit-scrollbar-corner {
background-color: #b46868;
} /* se tanto o vertical e as barras horizontais aparecem, então talvez no canto inferior direito também precisa ser denominado */
-moz-appearance: none !important;
width: 11px;
} /* este tem como alvo o padrão de rolagem (obrigatório) */
::-webkit-scrollbar-track {
background-color: #b46868;
} /* a nova barra de posicionamento terá uma aparência plana com a cor do fundo conjunto */
::-webkit-scrollbar-thumb {
background-color: #953536;
} /* este será o estilo do polegar, ignorando a faixa */
::-webkit-scrollbar-button {
background-color: #953536;
width: 11px;
height: 44px;
} /* Opcionalmente, você pode estilizar os botões inferiores (esquerdo e direito para as barras horizontais) e superior */
::-webkit-scrollbar-corner {
background-color: #b46868;
} /* se tanto o vertical e as barras horizontais aparecem, então talvez no canto inferior direito também precisa ser denominado */
A questão é, o que devo alterar ou adicionar, para colocar a funcionar da mesma forma, que funciona no Chrome?