Limit mouse wheel scroll speed

Is it possible to limit or throttle how fast the scroll wheel scroll is able to move? If I flick my scroll wheel, it scrolls as fast is my mouse emits events. I would like to limit it at a maximum speed, similar to how you can clamp the speed on the mouseEdges plugin.

Here is my current viewport configuration:

const viewport = new Viewport({
  interaction: app.renderer.plugins.interaction,
  disableOnContextMenu: true,
});

viewport.drag({ mouseButtons: 'right' });
viewport.decelerate({ friction: 0.975 });
viewport.mouseEdges({ distance: 5, speed: 12, decelerate: false });

[davidfig]

Ah, I understand. I’m not sure it makes sense as an option on the drag plugin, however.

The fastest way to do this is to create a user plugin based on drag() and change the wheel function. In that function you want to track speed (number of turns / second) and if it’s greater than a maximum speed setting, then don’t perform the scroll. Let me know if you have any questions about implementation.

[jake]

Because I am attaching a network event to scrolling. I am building a UI similar to google maps (except the mouse wheel scrolls instead of zooms). As you pan around I download new data, so I wanted to limit the speed you can move at.

TBH not sure how annoying it will feel… was hoping to implement something to see 😄