マウスホイールで横スクロールする際、ぬるっとスクロールさせたい

横スクロールのサイトを作成しております。
現在、マウスホイールを回転させた時、横スクロールが回転に応じて進みピタっと止まります。

下記のサイトのように、ある程度の距離をぬるっと横スクロールさせるにはどうしたら良いのでしょうか？
https://www.nihon-houzai.co.jp/

###横スクロールで参考にさせていただいたサイト
横スクロールを可能にできる「jquery.mousewheel」を使用してみた

##実装したコード

javascript
1$(function() {
2//スクロールスピード
3        var speed = 50;
4        //マウスホイールで横移動
5        $('html').mousewheel(function(event, mov) {
6            //ie firefox
7            $(this).scrollLeft($(this).scrollLeft() - mov * speed);
8            //webkit
9            $('body').scrollLeft($('body').scrollLeft() - mov * speed);
10            return false;
11        });
12
13//グローバルナビ
14$('#header a').click(function() {
15      var speed = 400;
16      var href= $(this).attr("href");
17      var target = $(href == "#" || href == "" ? 'html' : href);
18      var position = target.offset().left -100; 
19      $('html, body').animate({scrollLeft:position}, speed, 'swing');
20      return false;
21       });
22    });