Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal bom dia.
Olha só, tô tendo um probleminha com barra de rolagem. No site www.aindahoje.com tem duas colunas de notícias onde as mesmas possuem barra de rolagem que persolalizei com jquery, ficou legal mas o problema é q quando eu quero rola uma das colunas a rolagem do navegador rola também e eu não queria isso. Gostaria que rolassem apenas onde o mouse apontasse. entende.
Aqui vai o código css
/***************/
/ EXEMPLE 3 /
/***************/
.jScrollbar3 {
width:320px;
height:1500px;
overflow:hidden;
position:relative;
background-color:#ffffff;}
.jScrollbar3 .jScrollbar_mask {
width:317px;
position:relative;
top:0;
float:left
}
.jScrollbar3 .jScrollbar_mask p {
margin:0;
padding:0;
color:#242424;
font-size:12px;
} float:left;
width:3px;
height:1500px;
overflow:hidden;
background:none;
background-color:#ccc;
margin-left:0px;
position:relative;
} position:relative;
background-color:#313131;
display:block;
height:44px;
width:3px;
margin-left:0;
cursor:pointercódigo para chamar o arquivo
<head>
<link rel="stylesheet" href="jquery/jScrollbar.jqueryy.css" type="text/css" />
<style type="text/css">
body {
margin:0px;
}
.jScrollbar,
.jScrollbar2,
.jScrollbar3,
.jScrollbar4,
.jScrollbar5
{float:left;margin:10px;}
</style>
<script type="text/javascript">
$(document).ready(function(){
$(".jScrollbar3").jScrollbar3({
allowMouseWheel : true,
scrollStep : 100
});
})
</script>
</head>Código para gerar as barras na div
<div class="jScrollbar3" >
<div class="jScrollbar_mask">Conteudo
</div>
</div>Link para baixar os arquivos para melhor entendimento
http://www.4shared.c...BXJ/jquery.html
Desde já agradeço toda a ajuda.
Carregando comentários...