Need to scroll down at least 50 pixels to activate

kiwix · Oct 28, 2023 · 096c9e0 · 096c9e0
1 parent 6c476cb
commit 096c9e0
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/i18n/en.jsonp.js b/i18n/en.jsonp.js
diff --git a/i18n/es.jsonp.js b/i18n/es.jsonp.js
diff --git a/i18n/fr.jsonp.js b/i18n/fr.jsonp.js
diff --git a/www/index.html b/www/index.html
@@ -500,7 +500,7 @@ <h3 data-i18n="configure-display-settings-title">Display settings</h3>
                             <div class="card-header" data-i18n="configure-display-panel-header">Display options:</div>
                             <div class="card-body">
                                 <div class="checkbox">
-                                    <label data-i18n-tip="configure-display-slideaway-tip" title="Header and footer will slide away when scrolling down, and will slide back when you scroll up. The option is now on by default." >
+                                    <label data-i18n-tip="configure-display-slideaway-tip" title="Header and footer will slide away when scrolling down at least 50 pixels, and will slide back when you scroll up. The option is now on by default." >
                                         <input type="checkbox" name="slideAway" id="slideAwayCheck" checked>
                                         <span data-i18n="configure-display-slideaway"><strong>Hide header and footer when scrolling down</strong> (scroll up slightly to show again)</span>
                                     </label>

diff --git a/www/js/app.js b/www/js/app.js
@@ -102,7 +102,7 @@ function slideAway () {
     if (newScrollY === oldScrollY || document.activeElement === document.getElementById('prefix')) return;
     if (newScrollY < oldScrollY) {
         restoreUIElements();
-    } else if (newScrollY > 50 && /\(0p?x?\)/.test(header.style.transform)) {
+    } else if (newScrollY - oldScrollY > 50 && /\(0p?x?\)/.test(header.style.transform)) {
         // Hide the toolbars if user has scrolled and not already hidden
         const headerStyles = getComputedStyle(header);
         const headerHeight = parseFloat(headerStyles.height) + parseFloat(headerStyles.marginBottom) - 2;