Use translate3d to get hw-acccerlation on iOS

SectorLabs · Aug 29, 2018 · 5204aee · 5204aee
1 parent a2a8283
commit 5204aee
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/build/image-gallery.js b/build/image-gallery.js
@@ -743,7 +743,7 @@ var ImageGallery = function (_React$Component) {
         translateX = this._getTranslateXForTwoSlide(index);
       }
 
-      var translate = 'translate(' + translateX + '%, 0)';
+      var translate = 'translate3d(' + translateX + '%, 0, 0)';
 
       return {
         WebkitTransform: translate,
@@ -759,9 +759,9 @@ var ImageGallery = function (_React$Component) {
       var translate = void 0;
 
       if (this._isThumbnailHorizontal()) {
-        translate = 'translate(0, ' + this.state.thumbsTranslate + 'px)';
+        translate = 'translate3d(0, ' + this.state.thumbsTranslate + 'px, 0)';
       } else {
-        translate = 'translate(' + this.state.thumbsTranslate + 'px, 0)';
+        translate = 'translate3d(' + this.state.thumbsTranslate + 'px, 0, 0)';
       }
       return {
         WebkitTransform: translate,