Support multiple pinning controllers

dotherightthing · Jan 26, 2021 · b0395fd · b0395fd
1 parent ecc6849
commit b0395fd
Showing 1 changed file with 11 additions and 8 deletions.
diff --git a/js/_frontend.js b/js/_frontend.js
@@ -330,14 +330,17 @@ const wpdtrtAnchorlinksUi = {
                 // but this gives us control over the max-height
 
                 if (pinController.length) {
-                    const pinAnchorLinksListObserver = new IntersectionObserver(wpdtrtAnchorlinksUi.pinAnchorLinksList,
-                        {
-                            root: null, // relative to document viewport
-                            rootMargin: '0px', // margin around root, unitless values not allowed
-                            threshold: 0.1 // visible amount of item shown in relation to root
-                        });
-
-                    pinAnchorLinksListObserver.observe(pinController.get(0));
+                    pinController.each((i, item) => {
+                        /* eslint-disable-next-line max-len */
+                        const pinAnchorLinksListObserver = new IntersectionObserver(wpdtrtAnchorlinksUi.pinAnchorLinksList,
+                            {
+                                root: null, // relative to document viewport
+                                rootMargin: '0px', // margin around root, unitless values not allowed
+                                threshold: 0.1 // visible amount of item shown in relation to root
+                            });
+
+                        pinAnchorLinksListObserver.observe($(item).get(0));
+                    });
                 }
             }
         }