Merge pull request #64 from tannerhodges/fix-scroll

tkadlec · web-flow · commit f113b24c21cb · 2022-06-27T08:59:10.000-05:00
Fix scrolling bug in Chrome 102+
diff --git a/src/_includes/scripts/in-page-nav.js b/src/_includes/scripts/in-page-nav.js
@@ -9,7 +9,7 @@ const observer = new IntersectionObserver(entries => {
         const id = entry.target.getAttribute('id')
         const newActive = document.querySelector(`.pageNav a[href="#${id}"]`);
         newActive.classList.add('is-active');
-        newActive.scrollIntoView({ block: 'nearest' });
+        newActive.closest('.toc').scrollTo(0, newActive.offsetTop);
     }
 }, { rootMargin: `0% 0% -90% 0%` }
 );

Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,7 @@ const observer = new IntersectionObserver(entries => {`
`9`	`9`	`const id = entry.target.getAttribute('id')`
`10`	`10`	const newActive = document.querySelector(`.pageNav a[href="#${id}"]`);
`11`	`11`	`newActive.classList.add('is-active');`
`12`		`- newActive.scrollIntoView({ block: 'nearest' });`
	`12`	`+ newActive.closest('.toc').scrollTo(0, newActive.offsetTop);`
`13`	`13`	`}`
`14`	`14`	}, { rootMargin: `0% 0% -90% 0%` }
`15`	`15`	`);`