Fix elevator mobile

js/elevator.js

@@ -65,6 +65,17 @@ var Elevator = function(options) {
         return verticalOffset;
     }
 
+    function getScrollTop() {
+        return window.pageYOffset || document.documentElement.scrollTop || body.scrollTop || 0;
+    }
+
+    function playAudio(audio) {
+        var playPromise = audio.play();
+        if (playPromise && playPromise.catch) {
+            playPromise.catch(() => 0);
+        }
+    }
+
     /**
      * Main
      */
@@ -101,13 +112,12 @@ var Elevator = function(options) {
 //     C__O__O__O__D
 //    [_____________]
     this.elevate = function () {
-
         if (elevating) {
             return;
         }
 
         elevating = true;
-        startPosition = (document.documentElement.scrollTop || body.scrollTop);
+        startPosition = getScrollTop();
 
         // No custom duration set, so we travel at pixels per millisecond. (0.75px per ms)
         if (!customDuration) {
@@ -120,7 +130,7 @@ var Elevator = function(options) {
 
         // Start music!
         if (mainAudio) {
-            mainAudio.play();
+            playAudio(mainAudio);
         }
     };
 
@@ -145,7 +155,7 @@ var Elevator = function(options) {
         }
 
         if (endAudio) {
-            endAudio.play();
+            playAudio(endAudio);
         }
     }
 
@@ -153,7 +163,6 @@ var Elevator = function(options) {
 
         // If animating, go straight to the top. And play no more music.
         if (elevating) {
-
             cancelAnimationFrame(animation);
             resetPositions();
 
@@ -166,9 +175,16 @@ var Elevator = function(options) {
         }
     }
 
+    function handleElevate(event) {
+        if (event && event.type === 'touchend')
+            event.preventDefault();
+        that.elevate();
+    }
+
     function bindElevateToElement(element) {
         if (element.addEventListener) {
-            element.addEventListener('click', that.elevate, false);
+            element.addEventListener('click', handleElevate, false);
+            element.addEventListener('touchend', handleElevate, false);
         } else {
             // Older browsers
             element.attachEvent('onclick', function () {

js/elevator.min.js

@@ -1 +0,0 @@
-var Elevator=function(){"use strict";function n(n,e){for(var t in e)t in n||(n[t]=e[t]);return n}function e(n,e,t,u){return n/=u/2,1>n?t/2*n*n+e:(n--,-t/2*(n*(n-2)-1)+e)}function t(n){p||(p=n);var u=n-p,o=e(u,v,-v,A);window.scrollTo(0,o),A>u?s=requestAnimationFrame(t):i()}function u(){w||(w=!0,v=document.documentElement.scrollTop||m.scrollTop,f||(A=1.5*v),requestAnimationFrame(t),c&&c.play())}function o(){p=null,v=null,w=!1}function i(){o(),c&&(c.pause(),c.currentTime=0),d&&d.play()}function r(){w&&(cancelAnimationFrame(s),o(),c&&(c.pause(),c.currentTime=0),window.scrollTo(0,0))}function l(n){n.addEventListener("click",u,!1)}function a(n){m=document.body,n.element&&l(n.element),n.duration&&(f=!0,A=n.duration),n.mainAudio&&(c=new Audio(n.mainAudio),c.setAttribute("preload","true"),c.setAttribute("loop","true")),n.endAudio&&(d=new Audio(n.endAudio),d.setAttribute("preload","true")),window.addEventListener("blur",r,!1)}var c,d,m=null,s=null,A=null,f=!1,p=null,v=null,w=!1;return n(a,{elevate:u})}();