Scroll with trackpad and touchpad on overflow

[Gregorek]

Hi,

I started using the plugin ScrollSmoother, and I have a problem. I can’t scroll with the trackpad and touchpad on overflow-x: scroll. On mobile, it works, and on non-touch devices, it doesn’t work. Do you know how to fix it or suggest how to do it differently?

Many thanks for considering my request.

See the Pen poKWJLr by Grzegorz-Perkowski (@Grzegorz-Perkowski) on CodePen

[GreenSock]

Yeah, that's a tricky scenario with normalizeScroll. Try adding this: 

let stopPropagation = e => e.stopImmediatePropagation();
document.querySelectorAll("div").forEach(el => {
	if (el.scrollHeight > el.clientHeight) {
		el.addEventListener("wheel", stopPropagation);
		el.addEventListener("touchstart", stopPropagation);
	}
});

 

See the Pen oNyGzNZ?editors=1010 by GreenSock (@GreenSock) on CodePen

[GreenSock]

By the way, I believe I figured out a way to solve this in the next release of ScrollSmoother which you can preview (only on CodePen or CodeSandbox) here: 

https://assets.codepen.io/16327/ScrollSmoother.min.js

 

Thanks for reporting the problem.