I have made a horizontal carousel of images (and captions) using Twitter Bootstrap 4 and the perfect-scrollbar plugin.

I want users to be able to navigate by using the mouse wheel. The plugin dos have a handlers option that I did use.

Here is a jsFiddle with what I did so far.

But it does not work the expected way. Like THIS, for instance.

Questions:

1. Am I using it wrong, or does the plugin not have such an option?
2. What alternatives do I have?