Tengo una página web donde hay un control deslizante como este https://tympanus.net/Tutorials/GooeyImageHoverEffects/ . El problema es que el desplazamiento vertical no funciona cuando uso la rueda del mouse, solo funciona el desplazamiento horizontal cuando uso la rueda del mouse. La página web tiene un complemento llamado HorizontalScrollPlugin.js. Código de HorizontalScrollPlugin.js:

 import Scrollbar from 'smooth-scrollbar' export default class HorizontalScrollPlugin extends Scrollbar.ScrollbarPlugin { transformDelta(delta, fromEvent) { if (this.shouldInvertDelta(fromEvent)) { return { x: delta.y, y: delta.y, } } return delta } shouldInvertDelta(fromEvent) { return this.options.events.some((rule) => fromEvent.type.match(rule)) } } HorizontalScrollPlugin.pluginName = 'horizontalScroll' HorizontalScrollPlugin.defaultOptions = { events: [] }

No sé qué cambiar en este código para permitir el desplazamiento vertical con la rueda del mouse. Probé este x: delta.x pero no funciona. El resto del código está aquí en github https://github.com/Aqro/gooey-hover-codrops . ¿Alguien puede ayudar?