assets/js/modules/animation.js in fenton-jekyll-boilerplate-0.0.11 vs assets/js/modules/animation.js in fenton-jekyll-boilerplate-0.0.12
- old
+ new
@@ -15,27 +15,23 @@
*
* @param {string} listItemQuery
*/
function addIntersectionObserver(listItemQuery) {
function handleIntersection(entries, observer) {
- for (var entry of entries) {
- var value = entry.isIntersecting ? 1 : 0;
+ for (let entry of entries) {
+ const value = entry.isIntersecting ? 1 : 0;
entry.target.style.setProperty('--shown', value);
}
}
- var options = {
+ const options = {
root: null,
rootMargin: '0px',
threshold: 0
};
- var observer = new IntersectionObserver(handleIntersection, options)
+ const observer = new IntersectionObserver(handleIntersection, options)
- var items = qsa(listItemQuery);
-
- for (var i = 0; i < items.length; i++) {
- observer.observe(items[i]);
- }
+ qsa(listItemQuery).forEach((elem) => observer.observe(elem));
}
export { addIntersectionObserver };
\ No newline at end of file