vueuse / gesture

🕹 Vue Composables making your app interactive
https://gesture.vueuse.org
MIT License
353 stars 18 forks source link

nice, but how to disabled spring effects #7

Closed aizigao closed 2 years ago

aizigao commented 3 years ago

spring effect is pretty good, however, sometime I don't need it, so how to disabled it?

Tahul commented 2 years ago

Hello 😄,

If you want your gestures to be "instantaneous", you can bind them directly to your element's style properties!

const element = ref<HTMLElement>()

// Drag handler
const handler = ({ movement: [x, y] }) => {
  // Check element existence
  if (!element.value) return

  // Apply movement values
  element.value.style.transform = `translate3d(${x}, ${y}, 0`
}