Merge pull request #46 from reachdevelopers/master

Mobile only offset touch point to be at the bottom instead of the center
thdoan · Apr 16, 2018 · 436c661 · 436c661
2 parents 358579b + 0dadb58
commit 436c661
Showing 1 changed file with 30 additions and 2 deletions.
diff --git a/dist/js/jquery.magnify.js b/dist/js/jquery.magnify.js
@@ -17,6 +17,7 @@
       'finalHeight': null,
       'magnifiedWidth': null,
       'magnifiedHeight': null,
+      'touchBottom': true,
       'limitBounds': false,
       'mobileCloseEvent': 'touchstart',
       'afterLoad': function(){}
@@ -159,8 +160,35 @@
                 //
                 // We deduct the positions of .magnify from the mouse or touch positions relative to
                 // the document to get the mouse or touch positions relative to the container.
-                nX = (e.pageX || e.originalEvent.touches[0].pageX) - oContainerOffset['left'],
-                nY = (e.pageY || e.originalEvent.touches[0].pageY) - oContainerOffset['top'];
+
+                // Mobile only offset touch point to be at the bottom not on the center
+                var isMobile = {
+                    Android: function() {
+                        return navigator.userAgent.match(/Android/i);
+                    },
+                    BlackBerry: function() {
+                        return navigator.userAgent.match(/BlackBerry/i);
+                    },
+                    iOS: function() {
+                        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
+                    },
+                    Opera: function() {
+                        return navigator.userAgent.match(/Opera Mini/i);
+                    },
+                    Windows: function() {
+                        return navigator.userAgent.match(/IEMobile/i);
+                    },
+                    any: function() {
+                        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
+                    }
+                };
+                if(isMobile.any() && oOptions.touchBottom === true) {
+                    nX = (e.pageX || e.originalEvent.touches[0].pageX) - oContainerOffset['left'],
+                    nY = ((e.pageY || e.originalEvent.touches[0].pageY) - oContainerOffset['top']) -90;
+                } else {
+                  nX = (e.pageX || e.originalEvent.touches[0].pageX) - oContainerOffset['left'],
+                  nY = (e.pageY || e.originalEvent.touches[0].pageY) - oContainerOffset['top'];
+                }
                 // Toggle magnifying lens
                 if (!$lens.is(':animated')) {
                   if (nX>nBoundX && nX<nImageWidth-nBoundX && nY>nBoundY && nY<nImageHeight-nBoundY) {