Uncaught SyntaxError after activating first time

@lydenyardley Thanks for reporting the issue

After analyzing your site, I found a code that conflicts with Flying Pages. The code :

<script>/* from https://usefulangle.com/post/108/javascript-detecting-element-gets-fixed-in-css-position-sticky */
var observer = new IntersectionObserver(function(entries) {
	// no intersection with screen
	if(entries[0].intersectionRatio === 0)
		document.querySelector("header").classList.add("scrolled");
	// fully intersects with screen
	else if(entries[0].intersectionRatio === 1)
		document.querySelector("header").classList.remove("scrolled");
}, { threshold: [0,1] });

observer.observe(document.querySelector("#scroll-detector"));</script>

The error is because observer is already declared. You can fix it by renaming a variable. Here is the updated code if you want:

<script>/* from https://usefulangle.com/post/108/javascript-detecting-element-gets-fixed-in-css-position-sticky */
var scrollObserver = new IntersectionObserver(function(entries) {
	// no intersection with screen
	if(entries[0].intersectionRatio === 0)
		document.querySelector("header").classList.add("scrolled");
	// fully intersects with screen
	else if(entries[0].intersectionRatio === 1)
		document.querySelector("header").classList.remove("scrolled");
}, { threshold: [0,1] });

scrollObserver.observe(document.querySelector("#scroll-detector"));</script>

Pls try it and let me know

• This reply was modified 6 years, 8 months ago by Gijo Varghese.