Momentum on mousewheel

[fmay]

Matteo - you asked for some test results, here are mine on Chrome 27.0.1453.93 on Mac

I did this video that applies to the first demo example (http://lab.cubiq.org/iscroll5/demos/simple/) : http://screencast.com/t/SsGCslpsmb

It works great when dragging but when you use the mouse wheel (mor magic mouse in my case) you lose the nice mometnum slow-down effect when using the mouse wheel. I may be missing the point, but thought it is worth mentioning.

Other than that, love it. Can't wait to try it on mobile device.

[cubiq]

thanks for your report, this is something I also noticed but it's not easy to solve. Some trackpad firmwares already add momentum/deceleration so it wouldn't be easy to mix software and hardware deceleration. I have to dig deeper into this

[fmay]

Not a big problem, but would be great if do-able.

[cubiq]

I've added back momentum with trackpad. It's a bit more complicated to add the same behavior with mouse wheel. I'm keeping this open.

[jordanaustin]

I notice this problem a lot on the Microsoft Surface keyboards built-in trackpads. Magic mouse works nicely and as expected.

[cubiq]

some devices have deceleration built in, others don't. this has a low priority for now, but it's definitely something I want to explore.

[lingz]

For the acceleration, you can check the delta values and the rate they are coming in right? So with some magickry, you could potentially guess it's acceleration and adjust accordingly?

[thehappycoder]

Currently we use iscroll 5 on mobile devices and this issue prevents us from using it on desktop devices.

[roman-vabishchevych]

Hi guys! You can use TweenMax for smooth scrolling.

const wrapperNode = document.querySelectorAll(".scroll-wrap");
if (wrapperNode.length > 0) {
	const wrapper = wrapperNode[0];
	const iScrollInstance = new IScroll(wrapper, {
		scrollbars: true,
		interactiveScrollbars: true,
		mouseWheel: false,
		click: true
	});
	let scrollTop = -iScrollInstance.y;
	let wrapperScrollHeight = wrapper.scrollHeight;
	const updateIScrollHeight = () => {
		if (wrapperScrollHeight != wrapper.scrollHeight) {
			wrapperScrollHeight = wrapper.scrollHeight;
			setTimeout(() => {
				iScrollInstance.refresh();
			}, 0);
		}
	};
	const doScrolling = event => {
		event.preventDefault();
		updateIScrollHeight();
		const scrollTime = 0.5;
		const scrollDistance = 120;
		const delta = event.wheelDelta / 120 || -event.detail / 3;
		scrollTop = scrollTop - parseInt(delta * scrollDistance);
		scrollTop = Math.max(0, Math.min(wrapper.scrollHeight - window.innerHeight, scrollTop));
		const cfg = { y: scrollTop };
		TweenMax.to(cfg, scrollTime, { y: scrollTop, ease: Power1.easeOut, onUpdate: () => {
				iScrollInstance.scrollTo(0, -cfg.y, 0);
			}
		});
	};
	window.addEventListener('load', updateIScrollHeight);
	document.addEventListener("mousewheel", doScrolling);
	document.addEventListener("DOMMouseScroll", doScrolling);
}

[cbravo]

@roman-vabishchevych @cubiq Is there a reason not to simply put transition-duration: 0.5s !important; on the scroller div and scroll indicator in order to achieve smooth scrolling?