Jump to content
tiko165

Scroll para IE e Firefox

Recommended Posts

tiko165

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.

 <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>

::-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 */

A questão é, o que devo alterar ou adicionar, para colocar a funcionar da mesma forma, que funciona no Chrome?

O site onde só funciona no Chrome é http://www.contecnica.pt

Edited by tiko165

collectioneuro300px.png

Share this post


Link to post
Share on other sites
HappyHippyHippo

a pergunta é muito específica para um plugin específico de uma biblioteca específica.

aconselho vivamente a forneceres um URL onde é possível verificar o que se está a passar, visto que dizer que "não está adequado" não fornece informação nenhuma


IRC : sim, é algo que ainda existe >> #p@p

Share this post


Link to post
Share on other sites
tiko165

a pergunta é muito específica para um plugin específico de uma biblioteca específica.

aconselho vivamente a forneceres um URL onde é possível verificar o que se está a passar, visto que dizer que "não está adequado" não fornece informação nenhuma

O site em questão é este:

http://www.contecnica.pt/index.php

Funciona correctamente só no Chorme.

Edited by tiko165

collectioneuro300px.png

Share this post


Link to post
Share on other sites
tiko165

Mas ha alguma forma de colocar o mesmo scroll que dá no Chrome, a funcionar no IE e Firefox?


collectioneuro300px.png

Share this post


Link to post
Share on other sites
tiko165

O plugin que estás a usar é cross-browser, qual é a dúvida?

Quer dizer que o código em questão, so deixa funcional no chrome?


collectioneuro300px.png

Share this post


Link to post
Share on other sites
tiko165

Não quer dizer que funciona em todos, mas estou a falar do plugin, não do CSS que indicaste, esse sim só funciona em browsers cujo motor seja o Webkit.

Plugin? Para colocar isso o funcionar só usei Javascript e CSS, nada mais.


collectioneuro300px.png

Share this post


Link to post
Share on other sites
Monami

Modificar o scrollbar pelo css só funciona em browsers webkit, para o resto terás que usar javascript..

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.