Ir para conteúdo

Arquivado

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

godoy89

Scrollbar

Por , em Javascript

Recommended Posts

godoy89    0

godoy89
Postado

Gente, peguei esse script em um site que, infelizmente, esqueci qual era. Por isso não vou colocar os créditos.

Mas ele não é meu. :)

 

<script type="JavaScript">

var Hoffset=40 //Margem direita inferior (largura)
var Voffset=60 //Margem direita inferior (altura)
var thespeed=5 //Velocidade do 'scroll'

var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1
var myspeed=0

var ieHoffset_extra=document.all? 15 : 0
var cross_obj=document.all? document.all.staticbuttons : document.getElementById? document.getElementById("staticbuttons") : document.staticbuttons

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function positionit(){
var dsocleft=document.all? iecompattest().scrollLeft : pageXOffset
var dsoctop=document.all? iecompattest().scrollTop : pageYOffset
var window_width=ieNOTopera? iecompattest().clientWidth+ieHoffset_extra : window.innerWidth+ieHoffset_extra
var window_height=ieNOTopera? iecompattest().clientHeight : window.innerHeight

if (document.all||document.getElementById){
cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-Hoffset+"px"
cross_obj.style.top=dsoctop+parseInt(window_height)-Voffset+"px"
}
else if (document.layers){
cross_obj.left=dsocleft+window_width-Hoffset
cross_obj.top=dsoctop+window_height-Voffset
}
}

function scrollwindow(){
window.scrollBy(0,myspeed)
}

function initializeIT(){
positionit()
if (myspeed!=0){
scrollwindow()
}
}

if (document.all||document.getElementById||document.layers)
setInterval("initializeIT()",20)

</script>

<body style="overflow:hidden;">
<a onmouseover="myspeed=-thespeed" onmouseout="myspeed=0">
<img src="images/sobe.jpg" width="15" height="15" align="center" border="0" alt=""><br>
</a>

<a onmouseover="myspeed=thespeed" onmouseout="myspeed=0">
<img src="images/desce.jpg" width="15" height="15" border="0" alt=""><br>
</a>

Esse código retira a scrollbar (altura) e faz uma rolagem "suave" quando se coloca o mouse nas imagens sobe.jpg (pra cima) e desce.jpg (pra baixo). Consegui fazer ele funcionar na página inteira, mas queria fazer ele funcionar em um div com altura fixa.

 

--edit--

Eu não preciso, necessariamente desse script repaginado. Pode ser um outro mais simples ou um maior, mais complicado (contanto que funcione).

 

Se não der pra fazer com a rolagem "suave", pode ser rolagem a clique (como em uma scrollbar normal).

O que eu realmente preciso é que funcione em um div, a partir de duas imagens para serem clicadas (uma pra subir, e uma pra descer o conteúdo).

 

Alguém arrisca?

 

PS: Qualquer coisa to por aqui!

Obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

godoy89    0

godoy89
Postado

Geeente do céu!

Ninguém veio me ajudar, ahsuhaushua

 

Bom, uma alternativa:

 

Eu usei um CSS na scrollbar:

 

<style type="text/css">
	.scroll{
		scrollbar-arrow-color:#616161;
		scrollbar-3dlight-color:#ffffff;
		scrollbar-highlight-color:#ffffff;
		scrollbar-face-color:#ffffff;
		scrollbar-shadow-color:#ffffff;
		scrollbar-darkshadow-color:#ffffff;
		scrollbar-track-color:#ffffff;
}
</style>

Como vcs podem ver eu só deixei as setinhas num tom "chumbo", o restante ficou branco:

 

Imagem Postada

 

Mas o Firefox não lê esse CSS, então eu queria saber como fazer um scrollbar dentro de um div com altura FIXA em que só apareçam as setas pra cima e pra baixo tanto no IE, quanto no FF.

 

uuuuuuuuuuuu, melhorou? ahuahua

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