behavior: Turn scroll JS code into class

1 files changed, 31 insertions, 26 deletions

diff --git a/crocoite/data/scroll.js b/crocoite/data/scroll.js
index 8a4b35d..aacfe83 100644
--- a/crocoite/data/scroll.js
+++ b/crocoite/data/scroll.js
@@ -1,33 +1,38 @@
 /*	Continuously scrolls the page
  */
 (function(){
-let scrolled = new Map ();
-let interval = null;
-function stop() {
-	window.clearInterval (interval);
-	window.scrollTo (0, 0);
-	scrolled.forEach (function (value, key, map) {
-		key.scrollTop = value;
-	});
-}
-/* save initial scroll state */
-function save(obj) {
-	if (!scrolled.has (obj)) {
-		scrolled.set (obj, obj.scrollTop);
+class Scroll {
+	constructor () {
+		this.scrolled = new Map ();
+		this.interval = window.setInterval (this.scroll.bind (this), 200);
 	}
-}
-/* perform a single scroll step */
-function scroll (event) {
-	window.scrollBy (0, window.innerHeight/2);
-	document.querySelectorAll ('html body *').forEach (
-		function (d) {
-			if (d.scrollHeight-d.scrollTop > d.clientHeight) {
-				save (d);
-				d.scrollBy (0, d.clientHeight/2);
-			}
+
+	stop() {
+		window.clearInterval (this.interval);
+		window.scrollTo (0, 0);
+		this.scrolled.forEach (function (value, key, map) {
+			key.scrollTop = value;
 		});
-	return true;
+	}
+	/* save initial scroll state */
+	save(obj) {
+		if (!this.scrolled.has (obj)) {
+			this.scrolled.set (obj, obj.scrollTop);
+		}
+	}
+	/* perform a single scroll step */
+	scroll (event) {
+		window.scrollBy (0, window.innerHeight/2);
+		document.querySelectorAll ('html body *').forEach (
+			function (d) {
+				if (d.scrollHeight-d.scrollTop > d.clientHeight) {
+					this.save (d);
+					d.scrollBy (0, d.clientHeight/2);
+				}
+			}.bind (this));
+		return true;
+	}
 }
-interval = window.setInterval (scroll, 200);
-return {'stop': stop};
+
+return new Scroll();
 }())