Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Daniel Cpz

[Resolvido] Scrollbar invisivel

Por , em Javascript

Recommended Posts

Daniel Cpz    0

Daniel Cpz
Postado

Olá, acabei de criar um post relacionado que já foi resolvido o caso aqui é diferente

tenho uma sidebar e quero deixar ela invisivel,

 

com overflow:hidden; oculta mais deixa de ser funcional não desce e não sobe...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Daniel Cpz    0

Daniel Cpz
Postado 

<html>
<head>
<script type="text/javascript">
function handle(delta) {
var s = delta + ": ";
if (delta < 0)
	s += "down";
else
	s += "up";
document.getElementById('delta').innerHTML = s;
}

function wheel(event){
var delta = 0;
if (!event) event = window.event;
if (event.wheelDelta) {
	delta = event.wheelDelta/120; 
} else if (event.detail) {
	delta = -event.detail/3;
}
if (delta)
	handle(delta);
}

/* Initialization code. */
if (window.addEventListener)
window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;

</script>
</head>
<body>
<div id="delta">Scroll mouse wheel to see delta here.</div>
</body>
</html>

 

com esse código acima eu consegui pegar a ponteiro da barra de rolagem do mouse e saber quando é arrastado para baixo ou para cima,

mais como eu vo simular o arrastamento só isso não basta, será necessário pegar as cordenadas tbm ?

 

alguém ai tem uma idéia...

 

consegui, RESOLVIDO!


<html>
<head>
<script type="text/javascript">
function handle(delta) {
var s = delta + ": ";

if (delta < 0)
	s = "down";
else
	s = "up";

if(s == "up"){

valor =  document.getElementById('painel').scrollTop;
document.getElementById('painel').scrollTop = valor-10;

}

else{

valor =  document.getElementById('painel').scrollTop;
document.getElementById('painel').scrollTop = valor+10;

}

}

function wheel(event){
var delta = 0;
if (!event) event = window.event;
if (event.wheelDelta) {
	delta = event.wheelDelta/120; 
} else if (event.detail) {
	delta = -event.detail/3;
}
if (delta)
	handle(delta);
}

/* Initialization code. */
if (window.addEventListener)
window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;








</script>
</head>
<body>
<div id="delta">Scroll mouse wheel to see delta here.</div>
</body>
</html>


   </script>


 <!--<body onload="Rolar()">-->
   <div id="painel" style="font: 15px Tahoma; cursor: default; height: 200px; width: 200px; overflow: hidden; background-color: #DFEDFE; padding-left: 10px;  padding-right: 10px" onmouseover="Parar()" onmouseout="Rolar()">
     <!-- INÍCIO DO CONTEÚDO DA DIV -->
     <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
     Acesse regularmente o site CodigoFonte.net e fique por dentro do há de melhor no mundo da programação web. Por conta própria você pode conseguir algumas apostilas na Internet e, como complemento para seus estudos, use os scripts para aguçar sua imaginação e aprimorar seus conhecimentos. Comece estudando html. Não precisa ter pressa. É uma linguagem fácil de se aprender, basta ter dedicação e força de vontade. Depois de algum tempo, entre para o maravilhoso mundo do javascript. Vá com calma nesta parte, pois você pode se entusiasmar com os resultados iniciais e acabar tendo problemas logo mais tarde. Eu aconselho você, quando chegar na parte de funções, a baixar scripts de jogos e tentar entender o funcionamento deles. Bons estudos e boa sorte. Lembre-se: o CodigoFonte.net está sempre atualizado e esperando pela sua visita. Eu já aprendi muito (e continuo aprendendo) com esse site.
     <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
     <!-- FIM DO CONTEÚDO DA DIV -->
   </div>
 </body>
</html>

 

thanks...

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito