-
Posts
5 -
Joined
-
Last visited
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
ScrollTrigger Demos
Downloads
Posts posted by eloisem
-
-
Hello,
I've changed my cursor to grabbing while it's grabbing the object but i'm having troubles to return to the cursor 'grab' after I drop the object.
Any tips on that?
Here's my code so far:
Draggable.create(div1, {type: 'x,y',bounds: parent,cursor: "grab",edgeResistance: 1,onDrag: function() {childX.html(this.x);childY.html(this.y);}});Draggable.get("#div1").vars.cursor = "grabbing"; -
I'm trying to recreate the function Scroll (Drag & FLick) from GreenSock (https://greensock.com/draggable ) on my website to make an image navigation throught a small city.
It works great grabbing the image but my problem now is make the arrow navigation work as well as if I'm grabbing the image around.
I'm a pretty newbie at the .js and read the documentation but couldn't make this work at all.
Someone could take a look and maybe give me some lights on it?
Thanks a lot
See the Pen gPzovO by eloisemonteiro (@eloisemonteiro) on CodePen
-
Hello,
I've been looking for a way to keep my cursor as a grab when the item is not been dragging and to grabbing when the item is being dragging but then come back to grab when the user stop dragging the item.
I don't know if I was clear but it's similar to this cursor action: http://fetedelabiere.promo-agency.com/
Here's part of my code where I managed to make change the cursor when the drag starts but not when the user stops
Draggable.create(div1, { type: 'x,y', bounds: parent, edgeResistance: 1, onDrag: function() { childX.html(this.x); childY.html(this.y); } }); Draggable.get("#div1").vars.cursor = "grabbing";
-
I'm trying to recreate the function Scroll (Drag & FLick) from GreenSock (https://greensock.com/draggable ) on my website to make an image navigation throught a small city. SO I set the background-image on the div #scroller but it doesn't seems to be working as it should be, the image is not dragging at all
So here's my jsfiddle http://jsfiddle.net/8ekpmpxx/1/
And hope someone could give me a light on this, thanks in advance
Reset the cursor when dragging ends
in GSAP
Posted
Sorry, double post.