diff options
| author | littleblack111 <littleblack11111@gmail.com> | 2024-03-14 19:19:36 +0800 |
|---|---|---|
| committer | littleblack111 <littleblack11111@gmail.com> | 2024-03-14 19:19:36 +0800 |
| commit | a893caba965cc14b60663b2b83f833f3c0ced53c (patch) | |
| tree | fcbb82d32e987b28b8184297f298b630677755a9 /src/js/header.js | |
| parent | d1e0eac47fecc0316568bc011dc833963f0502de (diff) | |
dynamic island/header added minimization after scroll down
Diffstat (limited to 'src/js/header.js')
| -rw-r--r-- | src/js/header.js | 5 |
1 files changed, 5 insertions, 0 deletions
diff --git a/src/js/header.js b/src/js/header.js index c04a0f6d..e6c32068 100644 --- a/src/js/header.js +++ b/src/js/header.js @@ -19,3 +19,8 @@ mainHeader.innerHTML = ` header.appendChild(mainHeader); document.getElementById("btn"+page).setAttribute('class', 'active'); + +window.onscroll = event => { +let header = document.querySelector('header'); + header.classList.toggle("minimizedIsland", window.scrollY > 100) +}
\ No newline at end of file |