Merge remote-tracking branch 'origin/MC-35658' into 2.4-develop-pr34

Author: serhii-balko

lib/web/mage/sticky.js

@@ -68,6 +68,9 @@ define([
             this.element.on('dimensionsChanged', $.proxy(this.reset, this));
 
             this.reset();
+
+            // Application of the workaround for IE11 and Edge
+            this.normalizeIE11AndEdgeScroll();
         },
 
         /**
@@ -128,11 +131,27 @@ define([
         },
 
         /**
-         * Facade method that palces sticky element where it should be.
+         * Facade method that places sticky element where it should be.
          */
         reset: function () {
             this._calculateDimens()
                 ._stick();
+        },
+
+        /**
+         * Workaround for IE11 and Edge that solves the IE known rendering issue
+         * that prevents sticky element from jumpy movement on scrolling the page.
+         *
+         * Alternatively, undesired jumpy movement can be eliminated by changing the setting in IE:
+         * Settings > Internet options > Advanced tab > inside 'Browsing' item > set 'Use smooth scrolling' to False
+         */
+        normalizeIE11AndEdgeScroll: function () {
+            if (navigator.userAgent.match(/Trident.*rv[ :]*11\.|Edge\//)) {
+                document.body.addEventListener('mousewheel', function () {
+                    event.preventDefault();
+                    window.scrollTo(0, window.pageYOffset - event.wheelDelta);
+                });
+            }
         }
     });