From 8546deafbf5cc07e04639611ebe16d87885d01a0 Mon Sep 17 00:00:00 2001
From: "Alex A. Naanou" <alex.nanou@gmail.com>
Date: Thu, 3 Aug 2023 09:52:15 +0300
Subject: [PATCH] adde body fade-in + restore scroll position (needs tweaking
 for actual loading times)

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
---
 grid-n-view.html | 31 ++++++++++++++++++++++++++++++-
 grid-n-view.js   |  2 +-
 2 files changed, 31 insertions(+), 2 deletions(-)
diff --git a/grid-n-view.html b/grid-n-view.html
index 0931faf..180532c 100644
--- a/grid-n-view.html
+++ b/grid-n-view.html
@@ -10,13 +10,42 @@
 <script src="grid-n-view.js"></script>
 
 <style>
+/* fade-in body... */
+body {
+    animation: fadeInAnimation ease 1s;
+    animation-iteration-count: 1;
+    animation-fill-mode: forwards;
+}
+ 
+@keyframes fadeInAnimation {
+    0% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 1;
+     }
+}
 </style>
 
 <script>
+
+// save/restore scroll position...
+window.onbeforeunload = function(){
+	window.scrollX > 0 ?
+		(sessionStorage.windowScrollX = window.scrollX)
+		: (delete sessionStorage.windowScrollX)
+	sessionStorage.windowScrollY = window.scrollY }
+var restoreScroll = function(){
+	setTimeout(function(){
+		sessionStorage.windowScrollY
+			&& window.scroll(
+				(sessionStorage.windowScrollX ?? 0)*1, 
+				sessionStorage.windowScrollY*1) }, 100) }
+
 </script>
 
 </head>
-<body onload="setup()">
+<body onload="setup(); restoreScroll()">
 
 <h3>ToDo</h3>
 <pre>
diff --git a/grid-n-view.js b/grid-n-view.js
index 68f2468..be3df0e 100644
--- a/grid-n-view.js
+++ b/grid-n-view.js
@@ -463,7 +463,7 @@ var Gallery = {
 		return this },
 
 	// navigate images visually...
-	// XXX these seem not to work with passed list of images...
+	// XXX BUG: these seem not to work with passed list of images...
 	left: function(images){
 		var cur = this.current
 		var row = this.getRow(cur, images)
