Comment faire défiler un div en les faisant glisser et de ne pas en utilisant les barres de défilement

Je suis en train de travailler sur un projet qui utilise une interface à écran tactile. J'ai une div à l'intérieur d'une petite div, de la petite div a des barres de défilement pour accéder au reste de la première div. Voici le code de base.

.div1{
      height: 100px;
      width: 100px;
}
.div2{
      height: 50px;
      width: 50px;
}

et le code html est:

<div id = "div2" class="div2">
 <div id="div1" class="div1"></div>
</div>

À l'aide de javascript, je voudrais être en mesure de faire défiler div2 en appuyant sur (car c'est un écran tactile) une partie inoccupée de l'écran et en faisant glisser le long de la div. Fondamentalement, la fonction de défilement se comporterait de la même façon que google maps n'lorsque vous cliquez et faites glisser en elle. Quelqu'un peut-il m'aider? Merci à l'avance!

Note

En termes d'actions de la souris, en appuyant équivaut à cliquer ici, juste pour être clair. Je travaille aussi dans Firefox uniquement, donc la compatibilité inter-navigateur n'est pas un problème.

OriginalL'auteur EJay | 2011-08-02