Ver Mensaje Individual
  #3 (permalink)  
Antiguo 26/01/2010, 19:19
Yrnving
 
Fecha de Ingreso: febrero-2006
Mensajes: 148
Antigüedad: 18 años, 9 meses
Puntos: 0
Respuesta: Jquery desplazamiento vertical

hola, si resulta que el ejemplo lo tengo en intranet. para pruebas, utilizo el $ por costumbre jejeje. he logrado mejorarlo aqui os dejo el codigo:
Código:
var $position=0;
$(document).ready(function(){	
$('#center').mouseup(function(){$press=0; $("#mover").hide();});	
$('#center').mousedown(function(){
  $press=1;
  $yOld=event.clientY || event.pageY;
});	
$('#center').mousemove(function(){
   if($press==1){
	  $y=event.clientY || event.pageY;
	  $("#mover").show();
	  if($yOld>$y){
		  $position+=15;
	      $("#center").scrollTop($position);
	  }
	  else{
	    $position-=15;
	    $("#center").scrollTop($position);
	  }
	}
})
});
la parte de "$("#mover").show();", lo que hace es mostrar un aviso diciendo "mover pantalla verticalmente". Gracias si tienes alguna idea de como mejorarlo Gracias.

#center es una div con scroll, de un tamaño 400x300 (ejemplo) dentro del body, el css tiene >
Código:
body, html{width:100%; height:100%; margin:0px; padding:0px; overflow:hidden; color:#0072bb; 
font-family:"Myriad Pro";}
#center{width:100%; z-index:1; position:absolute; overflow-x:hidden; height:400px;}

Última edición por Yrnving; 26/01/2010 a las 19:26