GSAP - Plugins Draggable

Der Quelltext wurde erfolgreich in die Zwischenablage kopiert.
Code Elemente - HTML - CSS - JS

Hinweis

Das Objekt wird mit "Draggable.create()" ziebar gemacht.

Draggable.create(myTween);

Optional kann der Dragg-Bereich innerhalb eines bestimmten Elemets, auf der X-Achse, y-Achse oder in Koordinaten begrenzt werden.

   Draggable.create(kreisGo, {
        type:"x",
        bounds: document.getElementById("container"),
        throwProps:true,
    });

In einer "OnClick"- oder "DragEnd"-Funktion kann eine Rückgabe erstellt werden.

   Draggable.create(kreisGo, {
        onClick:function() {
            console.log("clicked");
        },
        onDragEnd:function() {
            console.log("drag ended");
        }
    });