Orbit Controls scroll on mobile is not working

Questions
1

Hello,

I use scroll control to rotate only at axis X. On desktop there is not problem with scrolling, but on mobile scrolling is not working.

Is there a way to allow scrolling for mobile together with Orbit controls?

2

Try the swip event for controlling the camera

3

@MejdiKazdarlli thank you for the idea, in the end I replicated the scroll behavior. It doesn’t work perfect, but better than nothing :slight_smile:

This is how code looks like:

this.$refs.three.addEventListener('touchstart', (e) => {
  this.touchStartY = e.changedTouches[0].screenY
})

this.$refs.three.addEventListener('touchend', (e) => {
  const touchEndY = e.changedTouches[0].screenY
  const scroll = this.touchStartY - touchEndY
  window.scroll({
    top: scroll,
    behavior: 'smooth',
  })
})
4

Detecting a swipe (left, right, top or down) using touch.

Maybe that CAN help :wink:

1 Like