diff --git a/src/js/index.js b/src/js/index.js index 71df099..b67add8 100644 --- a/src/js/index.js +++ b/src/js/index.js @@ -1,8 +1,6 @@ (function() { window.addEventListener('DOMContentLoaded', event => { - if (!!window.IntersectionObserver) { - document.body.classList.add('supports-intersect'); - } + const intersectionSupport = !!window.IntersectionObserver; function onScreenHandler(entries) { entries.forEach(entry => { @@ -15,12 +13,15 @@ } document.querySelectorAll('.js-onscreen').forEach(el => { - const options = { - rootMargin: '0px', - threshold: [0, 1], - }; - const observer = new IntersectionObserver(onScreenHandler, options); - observer.observe(el); + if (intersectionSupport) { + const options = { + rootMargin: '0px', + threshold: [0, 1], + }; + const observer = new IntersectionObserver(onScreenHandler, options); + observer.observe(el); + el.classList.add('is-observed'); + } }); }); })();