Jump to content
Search Community

Draggable cursor.

andyr

Go to solution Solved by Diaco,

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Posted
cursor: '-webkit-grabbing', // works

cursor: '-moz-grabbing', // works

cursor: 'grabbing', // doesn't work

cursor: '-webkit-grabbing,-moz-grabbing', // doesn't work

cursor: '-webkit-grabbing;cursor: -moz-grabbing', // doesn't work

It appears no auto prefixing is done, so need to specify both -moz- and -webkit-.

See the Pen YXwvJq by andyroutledge (@andyroutledge) on CodePen.

  • Solution
Posted

Hi andyr :)

 

try this :

 

items = $('#grid').find('li');

Draggable.create(items, {
bounds: $('#grid'), 
cursor: (/Firefox/i.test(navigator.userAgent))?'-moz-grabbing':'-webkit-grabbing'  
});
  • Like 6
Posted

Diaco came up with a good solution while I was forking your demo, but here's how I did it using jQuery to use grab and grabbing.

 

See the Pen EjPOLK by osublake (@osublake) on CodePen.

  • Like 6
Posted

Nice work, Diaco and Blake.

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...