8
votes

Existe-t-il un moyen facile de faire des clics et de faire défiler des cadres de texte?

J'ai un div avec Overflow: auto code> et une barre de défilement, et j'aimerais pouvoir faire glisser le contenu pour faire défiler. Je n'ai pas besoin de pouvoir sélectionner du texte. Y a-t-il un moyen facile de faire ceci? Un plug-in jquery serait bon, sinon un vieux JavaScript serait bien.

Il semble que je ne me suis pas fait assez clair. Il y a une div avec une hauteur fixe que je veux faire défiler. Au lieu de ramasser la barre de défilement, je veux cliquer et faire glisser dans le texte dans la direction opposée. Comme sur un iphone. Comme dans Photoshop lorsque vous maintenez l'espace enfoncé et faites glisser. P>

-------------------
|               | |
|               | |
|               |||
|               | |
|         <----------- click here and drag to scroll.
|               | |
|               | |
-------------------

javascript scroll drag-and-drop

1 commentaires

+1 pour la belle représentation

3 Réponses :

0
votes

Voulez-vous dire que le contenu doit être défilé lorsque vous déplacez la barre de défilement?

Faites de la nouvelle DIV pour le contenu que vous souhaitez faire glisser et de le mettre sur la Div, vous faites défiler. Vérifiez le code donné. p>

$(document).ready(function() {
    stripColumnFromDiv('Your content Div ID');
    var scrollingDiv = $("#dragableContent");
    scrollingDiv.css({'position':'absolute','display':'block'});
});

0 commentaires

0
votes

Il y a plugin dans l'interface utilisateur jQuery appelée draggable À travers cela, vous pouvez modifier n'importe quel élément en objet Draggable

Voici le lien de la démo http://jqueryui.com/demos/draggable/

Il est Aussi simple que cela xxx

Il est également possible de le rendre défilé à l'intérieur d'une DIV. Vérifiez la page de démonstration

3 commentaires

Merci pour cela. Je ne vois pas comment obtenir la fonctionnalité que je veux - c'est-à-dire en faisant glisser une division défilée et défilement dans ce div. (Comme retenir l'espace dans Photoshop).

Quelque chose comme ça? JSFIDDLE.net/6SNPF Le défilement se déplace étrangement, mais cela pourrait être corrigé.

@Adirael Fermer mais pas de banane. J'ai l'impression que n'importe quelle approche basée sur ce serait un piratage sur le piratage. Merci quand même.

11
votes

Voici une belle implication de drag et de défilement divs https://github.com/mvlandys/jquery.dagscrollable

ci-dessous est mon lien d'origine que j'ai posté. Ressemble à quelqu'un édité ma réponse.

http://hitconsultants.com/dragscroll_scrollsync/scrollpane.html

3 commentaires

Merci - c'est exactement ce que j'étais après! Je vais laisser la prime ouverte pendant quelques jours de plus, mais c'est certainement l'idée. J'ai modifié votre réponse pour ajouter les pages de plug-in jquery pour le plug-in DragScrollable utilisé ... J'espère que ça ne vous dérange pas!

Le lien de plug-in jquery n'est pas mort..mais la démonstration en direct est mort.

Le lien est maintenant mort à nouveau.