diff --git a/.bowerrc b/.bowerrc
new file mode 100644
index 00000000..baa91a3e
--- /dev/null
+++ b/.bowerrc
@@ -0,0 +1,3 @@
+{
+  "directory": "bower_components"
+}
\ No newline at end of file
diff --git a/bower.json b/bower.json
index bd1c8962..9f6ec195 100644
--- a/bower.json
+++ b/bower.json
@@ -15,6 +15,7 @@
     "panzoom.js"
   ],
   "devDependencies": {
+    "jquery-mousewheel": "~3.1.3",
     "mocha": "~1.12.0",
     "chai": "~1.7.2"
   }
diff --git a/demo/index.html b/demo/index.html
index a8a6ceb3..df360797 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -12,6 +12,7 @@
     </style>
     <script src="../test/jquery.js"></script>
     <script src="../dist/jquery.panzoom.js"></script>
+    <script src="../bower_components/jquery-mousewheel/jquery.mousewheel.js"></script>
   </head>
   <body>
     <section>
@@ -371,7 +372,7 @@ <h1>Use the mousewheel to zoom on a focal point</h1>
           var $panzoom = $section.find('.panzoom').panzoom();
           $panzoom.parent().on('mousewheel.focal', function( e ) {
             e.preventDefault();
-            $panzoom.panzoom('zoom', e.originalEvent.wheelDelta < 0, {
+            $panzoom.panzoom('zoom', (e.delta || e.originalEvent.deltaY) < 0, {
               increment: 0.1,
               focal: e
             });
