Swiper js horizontal scroll

Design help Custom code
1

Hi,
how can we allow horizontal scroll (touchpad or apple mouse) on swiper js ?
I can click on next/previous arrow, click and grab image or click on next image but horizontal scroll is not allowed on Mac and break the design on Windows.
Thank you.

https://preview.webflow.com/preview/jas-wip?utm_medium=preview_link&utm_source=designer&utm_content=jas-wip&preview=e3ea455819f84c8c009692fd2a34456f&workflow=preview

2

Is it ever possible ?

3

Your website is amazing @julien_apruzzese, Im not sure swiper has an option for that, but have you tried something like overscroll-behavior-x? CSS overscroll-behavior-x property basically you can horizontal scroll over on mouse move. I hope this helps, please let me know if that works.

4

Also @julien_apruzzese, have you tried this settings in your swiper code:

 freeMode: true,
  mousewheel: {
    releaseOnEdges: true,
5

Thank you so much for your help. Sadly this doesn’t work.
(freemode: true) removes the magnetize behavior at the center.
(releaseOnEdges: true) allows to scroll horizontally but removes the vertical scroll. You can scroll vertically only when the horizontal scroll ends on the slider.