diff options
Diffstat (limited to 'src/js')
-rw-r--r-- | src/js/zen.js | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/src/js/zen.js b/src/js/zen.js new file mode 100644 index 0000000..4dca729 --- /dev/null +++ b/src/js/zen.js @@ -0,0 +1,27 @@ +'use strict'; + +window.addEventListener('scroll', () => { + const articles = document.getElementsByTagName('article'); + const header = document.getElementById('side-bar'); + + if (window.pageYOffset >= 500) { + if (header && !header.classList.contains('hidden')) { + console.log('Hide'); + header.classList.add('hidden'); + + if (articles) { + [...articles].forEach(e => { + e.classList.add('zen-mode'); + }); + } + } + } else if (header && header.classList.contains('hidden')) { + console.log('Show'); + header.classList.remove('hidden'); + if (articles) { + [...articles].forEach(e => { + e.classList.remove('zen-mode'); + }); + } + } +}); |