Two way scroll binding

src/utlis/scroll.ts

@@ -0,0 +1,10 @@
+import { createEffect } from "solid-js";
+
+export const scrollHereWhenSelected = (element: HTMLElement, store, chapter) => {
+  return createEffect((prev) => {
+    if (prev !== store.visibleChapter() && store.visibleChapter() === chapter) {
+      element.scrollIntoView({behavior: "smooth"})
+    }
+    return store.visibleChapter();
+  });
+}