2021-06-08 14:43:43 +00:00
|
|
|
(function() {
|
2021-07-15 09:51:12 +00:00
|
|
|
const className = 'js-cover';
|
2021-06-08 14:43:43 +00:00
|
|
|
const covers = Array.from(document.querySelectorAll(`.${className}`));
|
|
|
|
const toggleVisibleData = (entries, observer) => {
|
|
|
|
entries.forEach(entry => {
|
|
|
|
entry.target.setAttribute('data-visible', entry.isIntersecting);
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
if ('IntersectionObserver' in window) {
|
|
|
|
covers.forEach(t => t.setAttribute('data-observe', ''));
|
|
|
|
|
|
|
|
const observer = new IntersectionObserver(toggleVisibleData);
|
|
|
|
covers.forEach(t => observer.observe(t));
|
|
|
|
}
|
|
|
|
})();
|