Disculpen ya que mi host andaba en mantenimiento y quizás no pudieron ver el ejemplo. De todos modos aqui va otra vez, este es el link y abajo está el código:
http://www.dps.com.ve/varios/ejemplo.htm Código HTML:
<IMG id=barra
ondrag=desplazarbarra()
ondragstart="desY = event.clientY - parseFloat(barra.style.top) + document.body.scrollTop"
style="POSITION: absolute; left: 450px; top: 21px" ondragend="if(this.style.top < 0)this.style.top = 0"
height=109 src="bar.gif" width=22>
<SCRIPT language=JavaScript>document.body.rightMargin="40"; document.body.style.overflow='hidden'; ar = 0; barra.style.top = ar; barra.style.left = document.body.clientWidth -20; function moverbarra(){ barra.style.top = document.body.scrollTop + ar }; document.body.onscroll = moverbarra; function desplazarbarra(){ if((event.clientY > desY)&&(document.body.scrollHeight> event.clientY + 109 + document.body.scrollTop - desY)){ aDesp = (document.body.scrollHeight - document.body.clientHeight)/(document.body.clientHeight - 170); aTop = (aDesp * (event.clientY - desY)); barra.style.top=event.clientY + document.body.scrollTop - desY; document.body.scrollTop = aTop } }</SCRIPT> Saludos