Fix side panel scrolling

config.js

@@ -25,6 +25,7 @@ System.config({
     "imagesloaded": "npm:imagesloaded@3.2.0",
     "javascript-state-machine": "npm:javascript-state-machine@2.3.5",
     "jquery": "github:components/jquery@2.1.4",
+    "jquery-mousewheel": "npm:jquery-mousewheel@3.1.12",
     "jquery-ui": "github:components/jqueryui@1.11.4",
     "jscrollpane": "npm:jscrollpane@2.0.22",
     "leeft/three-sprite-texture-atlas-manager": "github:leeft/three-sprite-texture-atlas-manager@0.1.3",

package.json

@@ -82,6 +82,7 @@
       "imagesloaded": "npm:imagesloaded@^3.2.0",
       "javascript-state-machine": "npm:javascript-state-machine@^2.3.5",
       "jquery": "github:components/jquery@^2.1.4",
+      "jquery-mousewheel": "npm:jquery-mousewheel@3.1.12",
       "jquery-ui": "github:components/jqueryui@^1.11.4",
       "jscrollpane": "npm:jscrollpane@^2.0.22",
       "leeft/three-sprite-texture-atlas-manager": "github:leeft/three-sprite-texture-atlas-manager@0.1.3",

src/scmap/ui.js

@@ -26,6 +26,7 @@ import $ from 'jquery';
 
 import tabs from 'jquery-ui/ui/tabs';
 import slider from 'jquery-ui/ui/slider';
+import jqueryMousewheel from 'jquery-mousewheel';
 import jscrollpane from 'jscrollpane';
 import imagesLoaded from 'imagesloaded';
 import resizeListener from 'element-resize-detector';
@@ -452,10 +453,14 @@ class UI {
       map.route().rebuildCurrentRoute();
     });
 
+    // Init the mousewheel plugin ("import" alone doesn't cut it)
+    jqueryMousewheel( $ );
+
     /* jScrollPane */
     $('#sc-map-interface').jScrollPane({
       showArrows: false,
-      horizontalGutter: 6
+      horizontalGutter: 6,
+      mouseWheelSpeed: 4,
     });
 
     this.oldWidth = 0;