Bug 1469733 - Fix scrolling glitch on Safari

diff --git a/skins/standard/global.css b/skins/standard/global.css
index 3ccf6e8fb93ba3ab4452a4273a7d61e9375caf83..9db7b3255d1e397191e514f10731092b5fada87f 100644 (file)
--- a/skins/standard/global.css
+++ b/skins/standard/global.css
@@ -64,6 +64,12 @@
 
 /* fixed global header (begin) */
     @media screen and (min-width: 800px) {
+        html, body {
+            overflow: hidden; /* Disable bounce effect (Safari) */
+            overscroll-behavior: none;
+            height: 100%;
+        }
+
         #wrapper {
             overflow: hidden;
             width: 100%;
@@ -75,6 +81,8 @@
             overflow-y: scroll;
             -webkit-overflow-scrolling: touch; /* Enable momentum scrolling on iOS */
             scroll-behavior: smooth;
+            overscroll-behavior: contain;
+            will-change: transform; /* Enable smooth scrolling (Safari) */
         }
     }
 /* fixed global header (end) */