Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/11/2012, 21:17
charlie27
 
Fecha de Ingreso: julio-2011
Ubicación: Mexico
Mensajes: 36
Antigüedad: 13 años, 4 meses
Puntos: 1
Pregunta Desplazar div con el mouse como una app de Android

Hola a todos tengo una duda respecto a una implementacion.
Veran tengo un div cuyas dimensiones son muy grandes, por ahora de width: 2000px y height:500px; esta dentro de otro div que tiene un atributo CSS overflow: scroll; lo cual hace que aparezcan las barras de "navegacion" necesito implementar con javascript los metodos necesarios para poder desplazar el div al hacer click sobre el, dejarlo sostenido y moverlo en cualquier direccion. Como si se navegara en un sitio web desde un android o iphone con los dedos, el gesto del dedo haca arriba, desplaza la pagina hacia abajo y asi.

Pretendo hacer eso pero con el mouse sobre ese div! hasta ahora tengo entendido que:

1.- debo capturar el onclick sobre el div
2.- hacer una especie de "listener" para que mientras se tenga pulsado boton del mouse y este tenga un movimiento, se despaze el div.

Bueno aqui es donde no tengo idea, no pretendo que me den el codigo solo una idea para saber que tengo que hacer, no se me ocurre!

Aca una idea de una demo de un framework de interfaces de usuario para desarrollo de aplicaciones moviles.
http://demos.kendoui.com/mobile/overview/index.html

Como ven es un listado de paises si hacen clic sobre el telefono y desplazan hacia arriba baja la lista de paises. Pretendo lo mismo pero en todas direcciones.

Bueno saludos y espero su respuesta