Jquery desplazamiento vertical

[Yrnving]

Hola, tengo un problema, estoy creando un formulario y es un poco grande para la pantalla quiero poder desplazar verticalmente la pantalla como en un iphone, lo he logrado pero sin embargo tiene algunos detalles y me gustaría mejorarlo si alguien tiene alguna idea. Gracias de antemano.

Código:

var $scroll=$(window).height();
$(document).ready(function(){	
   $('body').mouseup(function(){$press=0;});	
   $('body').mousedown(function(){$press=1;});	
   $('body').mousemove(function(){
      if($press==1){
	  $y=event.clientY || event.pageY;
	  $y=$scroll-$y;
	  $("#position").html($y);
	  window.scroll(0,$y);
      }
   });
})

[mayid]

Sería muy bueno ver el ejemplo online, funcionando, para tener mejor criterio.

Lo que no entiendo es por que usas $ para las variables...

[Yrnving]

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;}