Update htmlv2.pug

Added per-story scrollkey

templates/htmlv2.pug

@@ -162,6 +162,7 @@ html(lang=langName)
 		meta(charset="UTF-8")
 		title= book.title
 		meta(name="viewport" content="width=device-width, initial-scale=1.0")
+    meta(name="scroll-key" content= book.id)
 
 	body
 
@@ -205,7 +206,15 @@ html(lang=langName)
 
 script.
 	const fontList = ["Arial, sans-serif", "Verdana, sans-serif", "Cambria, serif", "cursive", "monospace"];
-	let scrollsave = localStorage.getItem("scrollsave");
+    const scrollKey = document.querySelector('meta[name="scroll-key"]')?.content;
+    let scrollsave; // Declare in the outer scope
+
+    if (scrollKey) {
+        scrollsave = localStorage.getItem(`scrollsave_${scrollKey}`);
+    } else {
+        console.warn("No scroll key defined in the HTML.");
+    }	
+
 	let fontsize = localStorage.getItem("fontsize");
 	let colormode = localStorage.getItem("colormode");
 	let font = localStorage.getItem("font");
@@ -231,7 +240,7 @@ script.
 
 	window.addEventListener("click", (event) => {
 
-		if(!event.path.find((el) => el.id === "top-control" || el.id === "bottom-control")){
+		if(!event.composedPath().some((el) => el.id === "top-control" || el.id === "bottom-control")){
 			document.querySelector("#top-control").classList.toggle("active");
 			document.querySelector("#bottom-control").classList.toggle("active");
 		}
@@ -251,7 +260,7 @@ script.
 		window.clearTimeout(isScrolling);
 
 		isScrolling = setTimeout(() => {
-			localStorage.setItem("scrollsave", currentScroll.toString());
+      localStorage.setItem(`scrollsave_${scrollKey}`, currentScroll.toString());
 		}, 80);
 
 	});