fix #3003 @0.5

diff --git a/resources/js/app.js b/resources/js/app.js
index 261a0ca6723040d18b3a0f4bdaa5f2938af63e28..eb2a49937e67341cc1e4ff8a689c08022c55a79e 100644 (file)
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -123,17 +123,23 @@ const app = new Vue({
 
 });
 
-window.addEventListener('scroll', function () {
+
+function getBodyScrollTop() {
+    const el = document.scrollingElement || document.documentElement;
+    return el.scrollTop
+}
+
+document.addEventListener('scroll', function () {
     checkScroll();
 }, {passive: true});
 
 function checkScroll() {
     window.headerHeight = 134;
-    var scroll = document.documentElement.scrollTop;
+    var scroll = getBodyScrollTop();
     if (scroll > 200) {
         document.getElementById('site-header').classList.add('minimized');
         window.headerHeight = 60;
-    } else if (scroll < 100) {
+    } else {
         document.getElementById('site-header').classList.remove('minimized');
     }
 }

diff --git a/resources/styles/components/header.styl b/resources/styles/components/header.styl
index 6bbe279e170e89f3d7c400803961ee66330b2199..ad5117da99353677b016ad006705ee64a6d2c976 100644 (file)
--- a/resources/styles/components/header.styl
+++ b/resources/styles/components/header.styl
@@ -5,7 +5,7 @@
 
 .site-header
   --transition-duration 500ms
-  @apply bg-navy text-white text-lg font-display font-medium antialiased sticky top-0
+  @apply bg-navy text-white text-lg font-display font-medium antialiased fixed top-0
   transition height var(--transition-duration)
   width 100%
   z-index 100

diff --git a/resources/views/partials/header.blade.php b/resources/views/partials/header.blade.php
index 4260612df144e1c7dd520d15f771d269b482c725..347e8d6bfc3a9f369e7c380917e06e91db722514 100644 (file)
--- a/resources/views/partials/header.blade.php
+++ b/resources/views/partials/header.blade.php
@@ -1,4 +1,5 @@
 @include('partials.nav-mobile')
+<div id="header-placeholder"></div>
 <header id="site-header" class="site-header">
     <div class="container flex items-center py-8 relative z-30">