Faire défiler DIV Horizontalement avec les événements de souris

Question

J'ai une mise en page comme suit:

<div style="width: 300"> 
    <div style="width: 300">Some Content</div> 
</div 

Je veux être en mesure de mousedown dans le contenu DIV et être en mesure de le déplacer de gauche à droite, ou faites en d'autres termes :)

Quelle serait la meilleure façon d'être?

Je préfère en JavaScript principalement :)

Answer 1

simple serait d'utiliser Mootools ou jQuery. Les deux ont des interfaces "glisser" pour gérer ce genre de chose, et gérer tous les problèmes de compatibilité entre les navigateurs. Si vous êtes décidé à faire rouler le vôtre, le processus de base consiste à attacher les événements mousedown/mouseup sur la div parente pour lancer le glisser-déplacer, slapper un gestionnaire sur mousemove pour capturer les événements de mouvement et ajuster le parent les décalages de défilement de div comme approprié.

Answer 2

Mieux ajouter à votre div css

div id { 
width:300px; 
height:300px; 
overflow:scroll; 
} 

et écrire le javascript JQuery ou que vous voulez faire.