jQueryで特定の要素の時のみマウスホイールスクロールの方向（上下・左右）を変える

前提・実現したいこと

参考サイト（「what we do」の部分の挙動）のように特定の要素まで通常スクロール。
↓
特定の要素ではマウスホイールで横スクロールになる。
↓
特定の要素をスクロールしきったらまた縦スクロールに戻る。

といった動きを実装したいです。
jQueryプラグイン（mousewheel）で横スクロールの実装はできましたが、
意図した箇所でスクロール方向を変えられないです。

プラグインを使用しない書き方またはjQueryでなくても構いませんので
ご教授いただけますと幸いです。

参考サイト：https://pnrm.co.jp/

jQuery(function(){
        //--------------------------------------------------------------------------------
        // マウスホイールで横スクロール処理
        //--------------------------------------------------------------------------------
        // スクロール後の位置
        var moving;
        // 1スクロールの移動距離
        var speed = 2;
			jQuery('横スクロールしたい要素').mousewheel(function(event, mov) {
            //  スクロール後の位置の算出
            var moving = jQuery(this).scrollLeft() - mov * speed;
            // スクロールする
            jQuery(this).scrollLeft(moving);
            // 縦スクロールさせない
            return false;
        }); 
    });



### 試したこと

上記コードをベースに試してみましたがうまくいきませんでした。
具体的には
・上記コードで単体で横スクロールにはなる。
・スライド部分のみマウスホイール方向を変えたいが、切り替える処理の書き方がわからない。

m.ts10806

2020/12/28 03:39

コードやエラーはマークダウンのcode機能を利用してご提示ください。 https://teratail.com/questions/238564 あと「うまくいかない」だけでは「何を元に何を試して何が起きたか」という情報がないため何も伝わりません。具体的に記載してください（「質問するときのヒント」を参考に）

Lhankor_Mhy

2020/12/28 03:39

「jQueryプラグイン（mousewheel）」とはこれのことですか？ https://github.com/jquery/jquery-mousewheel

86maitake

2020/12/28 04:02

ご指摘ありがとうございます。拙い質問で申し訳ありませんでした。質問内容修正いたしました。「jQueryプラグイン（mousewheel）」はURLのもので間違いないです。

m.ts10806

2020/12/28 04:06 編集

コードやエラーはマークダウンのcode機能を利用してご提示ください。 https://teratail.com/questions/238564 失礼、修正といれ違いました。

Lhankor_Mhy

2020/12/28 05:06

ドキュメントを見る限り、イベントリスナの第2引数は存在しないように見えますが、その書き方は何を参考にされましたか？ URLなどでお示しください。

86maitake

2020/12/28 05:22

https://fixcode.jp/jquery-js/jquery-mousewheel-horizontal/ 「jQuery mousewheelの実装コード」から引用しています。さらに「おまけ2：横スクロールの終端に来たら、縦スクロールに切り替えるバージョン」を参考に意図した箇所でのスクロール方法の切り替えを試しましたが、思った通りの結果にはなりませんでした。

Lhankor_Mhy

2020/12/28 05:45

ああ、すみません、ドキュメントの delta がそれにあたるのですね。理解しました。

行動規範の内容に同意します

回答1件

こうするとどうでしょうか？

js
1                    //  スクロール後の位置の算出
2                    var moving = jQuery(window).scrollLeft() - mov * speed;
3                    // スクロールする
4                    jQuery(window).scrollLeft(moving);