МедиаВики:Common.js: Засвар хоорондын ялгаа

← Өмнөх засвар

@@ 1-р мөр: / 1-р мөр: @@
+var ___mendee_shiftKey_active__ = false;
+/**
+ *
+ * @param l number
+ * @returns {number} absolute value of l
+ */
 function abs(l) {
      return l > 0 ? l : l * -1;
 }
+/**
+ *
+ * @param el HTMLElement
+ * @returns {boolean} Whether the element is overflowing horizontally
+ */
 function checkOverflow(el) {
      var isOverflowing = el.clientWidth < el.scrollWidth;
@@ 9-р мөр: / 21-р мөр: @@
 }
-var readyStateCheckInterval = setInterval(function() {
+function ___init__scroll__inverter__() {
-    if (document.readyState === "complete") {
+    try {
-         clearInterval(readyStateCheckInterval);
+        window.addEventListener('keydown', function (event) {
-         try {
+            if (event.key === "Shift") {
-             var scroll = function(q) {
+                ___mendee_shiftKey_active__ = true;
-                 try {
+            }
-                    q.style.overflowX = "auto";
+         });
-                } catch (e) {}
+         window.addEventListener('keyup', function (event) {
-                return function(event) {
+             if (event.key === "Shift") {
-                    if (abs(event.deltaY) > abs(event.deltaX)) {
+                 ___mendee_shiftKey_active__ = false;
-                        event.preventDefault();
+            }
+        });
+    } catch (error) {
+        console.error(error)
+    }
-                        var m = 0;
+    try {
-                        var l = event.deltaY >= 0 ? 1 : -1;
+        /**
-                        var s = setInterval(function() {
+         *
-                            q.scrollLeft += l;
+         * @param q EventTarget
-                            m += 1;
+         * @returns
-                            if (m >= abs(event.deltaY)) {
+         */
-                                clearInterval(s);
+        var scroll = function (q) {
-                            }
-                        }, 2);
-                    }
-                };
-            };
              try {
-                 var bodyContentElement = document.querySelector("#bodyContent");
+                q.style.overflowX = "auto";
-                 if (checkOverflow(bodyContentElement)) {
+            } catch (e) { }
-                     bodyContentElement.addEventListener('wheel', scroll(bodyContentElement, true));
+            return function (event) {
+                 var absdy = abs(event.deltaY);
+                 if (absdy <= abs(event.deltaX)) {
+                     return;
+                }
+                event.preventDefault();
+                if (___mendee_shiftKey_active__) {
+                    q.scrollTop += event.deltaY;
+                } else {
+                    q.scrollLeft += event.deltaY;
                  }
-             } catch (e) {
+             };
-                 console.log(e);
+        };
+        try {
+            var bodyContentElement = document.querySelector("#bodyContent");
+            if (checkOverflow(bodyContentElement)) {
+                 bodyContentElement.addEventListener('wheel', scroll(bodyContentElement), { passive: false });
              }
          } catch (e) {
-             console.log("Failed to register horizontal scroll due to: " + e);
+             console.log(e);
          }
+    } catch (error) {
+        console.error(error)
      }
-}, 10);
+}
+if (document.readyState === "complete") {
+    ___init__scroll__inverter__();
+}
+window.addEventListener('load', ___init__scroll__inverter__);