Me hice un scroll en jquey basándome en un scroll en fbjs(javascript de facebook).
Anda casi bien, pero no me llega hasta los 500:
Código html:
GraciasVer original
<style type="text/css"> <!-- div.slider { border: 1px solid #ccc; background-color: #f5f5f5; padding: 3px; margin: 4px; } div.slider div { background-color: #fff; border: 1px solid #ccc; padding:3px; font-size: 6px; padding-bottom: 4px; margin: 4px; } div.slider div span { background-color:#ddd; border: 1px solid #ccc; color: #999; padding-bottom: 1px; } div.slider div span:hover { cursor: pointer; } --> </style> <script type="text/javascript"> <!-- var maxM,minM,cont,barra,lastPos; var mousedown=0; function initS(barra,cont,minM,maxM,initial){ barra=barra;cont=cont;minM=minM;maxM=maxM; var num = parseInt(initial); if (num > maxM) num = maxM; if (num < minM) num = minM; var move = parseInt((((num - minM) / (maxM - minM)) * $(cont).width())); $(barra).css('marginLeft', move + 'px'); $("#count").val(parseInt(((move / $(cont).width()) * (maxM - minM)) + minM)); $(".slider").mousedown(function(e){ mousedown = 1; lastPos = e.pageX; var move = parseInt(lastPos - $(cont).offset().left - ($(barra).width() / 2))-$(barra).width(); if (move > $(cont).width()) move = $(cont).width(); if (move < 0) move = 0; $(barra).css('marginLeft', move + 'px'); $("#count").val(parseInt(((move / $(cont).width()) * (maxM - minM)) + minM)); }); $(".slider").mouseup(function(){mousedown=0;}); $(".slider").mousemove(function moverBarra(e){ if (mousedown>0) { lastPos = e.pageX; var move = parseInt(lastPos - $(cont).offset().left - ($(barra).width() / 2))-$(barra).width(); if (move > $(cont).width()) move = $(cont).width(); if (move < 0) move = 0; $(barra).css('marginLeft', move + 'px'); $("#count").val(parseInt(((move / $(cont).width()) * (maxM - minM)) + minM)); } }); mousedown=0; } window.onload=function(){ initS('#count_slider','#conenedor',0,500,50); } --> </script> <div class="slider" id="conenedor" style="width: 500px;">
Salu2