スライドショーをマウスによるドラッグで横スクロールする方法

Question

今javascriptを使って、スライドショーを作っています。

マウスで横スクロールすると、次のスライドに進むスワイプ機能までは実装できました。

しかし、マウスでドラッグしている間にスライドが動くことはなく、ドラッグが終了すると次にスライドに進むというの現況です。

下記サイトの様にマウスでドラッグしている間でも、スライドが動くように実装するにはどのようにしたら宜しいでしょうか？
https://www.chuden.co.jp/

勉強のために、プラグインでの実装は考えておりません。

全くいい方法が思いつきませんでしたので、お知恵を拝借できたら幸いです。

宜しくお願い致します。

Answer 1

最近だとCSSのscroll-snapで近いことが出来るのですが要件には合わないでしょうか？

https://www.webcreatorbox.com/tech/scroll-snap

Comments

[ntttt]

ご回答と参考リンクをいただき、ありがとうございます。

試してみましたが、フリックでの横スライドは実装できるみたいですが、マウスではできないみたいなので、要件には合いませんでした。