From f0f758803cc2b142853579586c5cebc12e223a97 Mon Sep 17 00:00:00 2001 From: ache Date: Sat, 29 Dec 2018 02:10:04 +0100 Subject: Add stark❕ MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/js/zen.js | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 src/js/zen.js (limited to 'src/js') 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'); + }); + } + } +}); -- cgit v1.2.3-54-g00ecf