Search the Community
Showing results for tags 'draggable menu'.
Found 2 results
-
Hello! First of all, thank you for everything related to Gsap, you guys are great. Second, I came with a little problem, I created a carousel using gsap and the progress is controlled with draggable. The thing is that it works great in a project I created using Vue.js but when I built it using only javascript it does not work properly. The actual problem is that it does not snap as the one created with Vue. This is the codepen, I commented out liveSnap, so you can see how it works but if you uncommented liveSnap you will see the problem. https://codepen.io/maxrpark/pen/ZEvmEJp I am also sharing a gif of the one I made with Vue, to show how is supposed to work. Many thanks in advance Max.
.thumb.gif.9e46592706937cbbfe8d2ed97bce69f8.gif)
-
Hi, I have simple menu that I want to drag from 5% of the screen to 100%. // changing this to "100%" does not work var maxX = 320 Draggable.create(".menu", { type:"x", throwProps:true, edgeResistance: 1, maxDuration:0.3, bounds: {maxX:maxX, minX:0}, snap: { x: [0, maxX] } }); The menu works fine if I supply a pixel value for the bounds and snap points. It is possible to use % ? thanks, Gareth
.gif.9c8fe41fa23c916cfbc0e5ef52975f7e.gif)
