Scroll "bouncing" with macos trackpad

🌵 Needle Engine
1

Hi there!
I’ve been building a navigation in which you navigate through the world by scrolling. However if you scroll on MacOS with the trackpad there is this weird bouncing effect as you can see in the video, i attached.

Tried solving it by setting the overscroll behaviour to contain, but that didn’t do the trick so far.

Any idead?
Cheers :slightly_smiling_face:

https://cdn.discordapp.com/attachments/1131149271681466418/1131149272767799326/Bildschirmaufnahme_2023-07-19_um_10.53.10.mov?ex=65d5bc5a&is=65c3475a&hm=22c1188b9edb0029cc20faaedf9e71205c71e0f1129a1e77552ac85ddc53501d&(image larger than 2 MB)

Original Post on Discord

by user 263717937473519619

2

This looks like some wrong/missing CSS ? Can you share a link to the website?

3

sorry for the delay, here you go: https://sixth-functional-skateboard.glitch.me

by user 263717937473519619

4

I’m getting this error here a lot too - could it be related?

image.png
image.png1144×346 57.8 KB

5

https://www.chromestatus.com/feature/6662647093133312

6

Can you add this piece of CSS?

div {
  overscroll-behavior: none;
  overflow : scroll
}
7

works like a charm, thank you :slightly_smiling_face:

by user 263717937473519619

8

Thanks for verifying - we should probably add this to our templates!

9

@herbst🌵 only thing that i might add is instead of using overflow: scroll; I’d suggest using overflow: hidden; so you don’t have the nasty scrollbars visible!

by user 263717937473519619