JQuery draggable et scroll

**thebestfriend** · 02/02/2012, 10h43

Bonjour,

J'ai un petit soucis de "drag" avec un scroll en javascript (jQuery).
Lorsque je déplace ma div "draggable" vers le bas, et que la page commence à scroller, mon élément disparaît de la souris, et ce retrouve hors du cadre (alors qu'il n'est pas censé en sortir) tout en bas de la page. Et quand je veux le rebouger, il disparaît complètement.

Voici le code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$("#draggable").draggable({
					containment: "#divMepWF",
					cursor: "move",
					scroll: true
				});
			});
		</script>
		<style type="text/css">
			.DIV_INPUT	{font-size: 8pt; color: #101010; background-color: #CCCCCC; height: 16px; width: 126px; border: 1px solid #1A739D;}
		</style>
	</head>
	<body>
		<div id="divMepWF" style="position: relative; width: 400px; height: 4000px; border: 1px solid red;">
			<div id="draggable" class="DIV_INPUT"></div>
		</div>
	</body>
</html>

Est-ce un bug de la fonction draggable ? Quelqu'un a t'il déjà rencontré le même problème ? Y a t'il une solution ?

Testé sous IE8, IE9 et Chrome 16

Merci.

**danielhagnoul** · 02/02/2012, 11h57

Bonjour

Je viens de tester, manifestement ce "scroll" n'est pas au point !

**thebestfriend** · 02/02/2012, 14h51

Merci pour ta réponse.

En cherchant sur le net, j'ai l'impression que ce problème existe depuis plus de 3 ans (ou du moins ça y ressemble) :S
http://bugs.jqueryui.com/ticket/3568

Est-il possible de remédier à ce problème (en conservant le principe du scroll)?
Existe t'il un autre plug-in que jQueryUI (pas forcement officiel) qui ferait la même chose (mais en mieux

) ?

Merci

**SpaceFrog** · 02/02/2012, 15h01

http://archive.plugins.jquery.com/pr...Dragscrollable
mais il n'a pas l'air de mieux tourner ...

**thebestfriend** · 02/02/2012, 15h43

C'est pas vraiment ce que je cherche à faire!

Ce que je veux, c'est placer des éléments div (de la taille d'un champ de saisie par exemple) dans une div conteneur, en utilisant la fonction de draggable.
La div conteneur peut avoir n'importe quelle hauteur. Et lorsque je déplace une élément dans le conteneur vers le bas, celui-ci devrait "scroller" automatiquement.
C'est ce qu'est censé faire la fonction "draggable" de jQueryUI, mais elle ne fonctionne pas correctement

**SpaceFrog** · 02/02/2012, 16h01

http://forum.jquery.com/topic/jquery...verflow-scroll

JQuery draggable et scroll

jQuery

Vue hybride

Discussions similaires

Partager

Partager