ericandrewlewis · September 2, 2024 13:09 · Jul 31, 2017 · Jul 31, 2017 · Jul 31, 2017 · Jul 31, 2017
diff --git a/index.md b/index.md
@@ -1,8 +1,5 @@
 # Scroll to the rock bottom of a website
 
-<img src="https://gist.github.com/ericandrewlewis/1f0424858b389c7ad7531ebba4fa3b30/raw/33d8076d9187fd92bf8bcc6b21bd3b8287259702/z_example.gif">
-
-
 Throw the script below in the browser's JS console.
 
 It moves the viewport to the bottom of the page repeatedly with a delay in between. This is useful when the page loads data via infinite scroll and you want to do something with all the data.

diff --git a/z_example.gif b/z_example.gif
diff --git a/index.md b/index.md
@@ -1,5 +1,8 @@
 # Scroll to the rock bottom of a website
 
+<img src="https://gist.github.com/ericandrewlewis/1f0424858b389c7ad7531ebba4fa3b30/raw/33d8076d9187fd92bf8bcc6b21bd3b8287259702/z_example.gif">
+
+
 Throw the script below in the browser's JS console.
 
 It moves the viewport to the bottom of the page repeatedly with a delay in between. This is useful when the page loads data via infinite scroll and you want to do something with all the data.

diff --git a/z_example.gif b/z_example.gif
diff --git a/example.gif → z_example.gif b/example.gif → z_example.gif
diff --git a/example.gif b/example.gif
diff --git a/index.md b/index.md
@@ -1,6 +1,8 @@
-If you want to scroll to the bottom of a website throw this in the JavaScript console.
+# Scroll to the rock bottom of a website
 
-It will move the viewport to the bottom of the page repeatedly with a delay in between. This is useful when the page is loading data via infinite scroll and you want to do something after all the data loads.
+Throw the script below in the browser's JS console.
+
+It moves the viewport to the bottom of the page repeatedly with a delay in between. This is useful when the page loads data via infinite scroll and you want to do something with all the data.
 
 ```js
 const atPageBottom = () => {

diff --git a/index.md b/index.md
@@ -1,4 +1,6 @@
-If you want to scroll to the bottom of a website with infinite scroll, throw this in the JavaScript console.
+If you want to scroll to the bottom of a website throw this in the JavaScript console.
+
+It will move the viewport to the bottom of the page repeatedly with a delay in between. This is useful when the page is loading data via infinite scroll and you want to do something after all the data loads.
 
 ```js
 const atPageBottom = () => {

diff --git a/index.md b/index.md
@@ -0,0 +1,25 @@
+If you want to scroll to the bottom of a website with infinite scroll, throw this in the JavaScript console.
+
+```js
+const atPageBottom = () => {
+  const scrolled = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
+  const documentHeightMinusOneViewport =
+  document.body.scrollHeight - Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
+  return Math.abs( documentHeightMinusOneViewport - scrolled ) < 3;
+}
+
+const scrollUntilAtPageBottom = () => {
+  if (atPageBottom()) {
+    return Promise.resolve(true);
+  }
+  window.scrollTo(0, document.body.scrollHeight);
+  return (new Promise((resolve, reject) => {
+    setTimeout(() => {
+      resolve(true);
+    }, 1000)
+  }))
+    .then(scrollUntilAtPageBottom);
+}
+
+scrollUntilAtPageBottom();
+```
No results found