[Draggable Looping Slider]

Hi Everyone,

 

I've been trying to recreate one of the infinite Draggable carousel that  I've seen in this forum 

Any idea of what I'm missing? 

 

Thank you in advance

See the Pen ewvxWv by katy_datt (@katy_datt) on CodePen

[ThrowPops import Error]

I found out what was the error. I was importing the ThrowProps plugin from the "minified" folder of the greensock bonus package and not from the "bonus-files-for-npm-users".

 

Now  it all works fine by importing the file.

[ThrowPops import Error]

Hi all,

 

I'm trying to use the ThrowPropsPlugin together with the Draggable functionality in my VUEjs website.

However every time I set the property "throwProps" to true I get this error:

 

Uncaught ERROR: No velocity was defined in the throwProps tween of [object Object] property: x

I know there are already other topics with the same subject opened but I've tried the solutions mentioned in there and nothing helped.

 

Here's my code for reference. If anyone could help it would be much appreciated. Thanks!

 

require('../libs/ThrowPropsPlugin')
import Draggable from 'gsap/Draggable'

export default {
  	mounted() {
    	initDraggable()
  	},
 	methods: {
    	initDraggable() {
    		Draggable.create(this.$refs.slider, {
              type: 'x',
              minimumMovement: 10,
              edgeResistance: 0.5,
              throwProps: true,
              bounds: this.$refs.wrapper,
              onDragEnd: function() {
                  console.log('target: ' + ThrowPropsPlugin.getVelocity(this.target, "x"))
              }
            })
   		}
	}
}