PVR/gokarna
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix header shadow on scroll for mobile (#55)

Browse Source 
* Fix header shadow on scroll for mobile

* Fixes

Co-authored-by: Avijit 🚀 <526avijit@gmail.com>
This commit is contained in:
Yash Mehrotra
2021-08-14 01:51:12 +05:30
committed by GitHub
parent 9576ac11d9
commit 4028718a6f
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
themes/gokarna/static/js/main.js
View File

@@ -23,7 +23,16 @@ function ready() {
} }
window.addEventListener('scroll', () => { window.addEventListener('scroll', () => {
if (window.scrollY > 100) { if (window.innerWidth <= 820) {
// For smaller screen, show shadow earlier
toggleHeaderShadow(50);
} else {
toggleHeaderShadow(100);
}
});
function toggleHeaderShadow(scrollY) {
if (window.scrollY > scrollY) {
document.querySelectorAll('.header').forEach(function(item) { document.querySelectorAll('.header').forEach(function(item) {
item.classList.add('header-shadow') item.classList.add('header-shadow')
}) })
@@ -32,7 +41,7 @@ window.addEventListener('scroll', () => {
item.classList.remove('header-shadow') item.classList.remove('header-shadow')
}) })
} }
}); }
function setThemeByUserPref() { function setThemeByUserPref() {
darkThemeCss = document.getElementById("dark-theme"); darkThemeCss = document.getElementById("dark-theme");