How to switch normalizeScroll to false on mobile devices

[nicolaseielll 8 Likes (Newbie)]

I have smooth scroll configured to my project but the scroll gets laggy on mobile devices if normalizeScroll is set to true so I was wondering if there's a way to switch it to false if user is on a mobile device.

 

I tried this and it changes the boolean but the normalizeScroll wont switch conditionally.

if(window.innerWidth < 960) {
  this.normalizeScroll = false
} else {
  this.normalizeScroll = true
}
this.$scrollSmoother.refresh()

Here's a codesandbox with the same setup I have in my project: https://codesandbox.io/s/gifted-sea-6rybt5?file=/layouts/default.vue

[Cassie 3,980 Likes (Superhero)]

Hey there Nicolas,

 

You can use media queries like so.

 

Good luck with your project!

See the Pen GRQENyo by GreenSock (@GreenSock) on CodePen