diff --git a/js/demo.js b/js/demo.js
index ceff560..6f17402 100644
--- a/js/demo.js
+++ b/js/demo.js
@@ -236,8 +236,12 @@
                 }
             }
             
-            // loop..
-            requestAnimationFrame(() => this.render());
+            // loop when scrolling..
+            if ( scrollingSpeed !== 0 ) {
+                requestAnimationFrame(() => this.render());
+            } else {
+                window.addEventListener( 'scroll', () => requestAnimationFrame(() => this.render()), { once: true, passive: true })
+            }
         }
     }
 
diff --git a/js/demo2.js b/js/demo2.js
index 6acc93f..2a836b5 100644
--- a/js/demo2.js
+++ b/js/demo2.js
@@ -276,8 +276,12 @@
                 }
             }
             
-            // loop..
-            requestAnimationFrame(() => this.render());
+            // loop when scrolling..
+            if ( scrollingSpeed !== 0 ) {
+                requestAnimationFrame(() => this.render());
+            } else {
+                window.addEventListener( 'scroll', () => requestAnimationFrame(() => this.render()), { once: true, passive: true })
+            }
         }
     }
 
diff --git a/js/demo3.js b/js/demo3.js
index b8bb0af..876ac9a 100644
--- a/js/demo3.js
+++ b/js/demo3.js
@@ -245,8 +245,12 @@
                 }
             }
             
-            // loop..
-            requestAnimationFrame(() => this.render());
+            // loop when scrolling..
+            if ( scrollingSpeed !== 0 ) {
+                requestAnimationFrame(() => this.render());
+            } else {
+                window.addEventListener( 'scroll', () => requestAnimationFrame(() => this.render()), { once: true, passive: true })
+            }
         }
     }
 
diff --git a/js/demo4.js b/js/demo4.js
index 226d479..aec3796 100644
--- a/js/demo4.js
+++ b/js/demo4.js
@@ -251,8 +251,12 @@
                 }
             }
             
-            // loop..
-            requestAnimationFrame(() => this.render());
+            // loop when scrolling..
+            if ( scrollingSpeed !== 0 ) {
+                requestAnimationFrame(() => this.render());
+            } else {
+                window.addEventListener( 'scroll', () => requestAnimationFrame(() => this.render()), { once: true, passive: true })
+            }
         }
     }
 
diff --git a/js/demo5.js b/js/demo5.js
index eac8404..a22b058 100644
--- a/js/demo5.js
+++ b/js/demo5.js
@@ -245,8 +245,12 @@
                 }
             }
             
-            // loop..
-            requestAnimationFrame(() => this.render());
+            // loop when scrolling..
+            if ( scrollingSpeed !== 0 ) {
+                requestAnimationFrame(() => this.render());
+            } else {
+                window.addEventListener( 'scroll', () => requestAnimationFrame(() => this.render()), { once: true, passive: true })
+            }
         }
     }
 
diff --git a/js/demo6.js b/js/demo6.js
index b29e432..c5a648f 100644
--- a/js/demo6.js
+++ b/js/demo6.js
@@ -308,8 +308,12 @@
                 }
             }
             
-            // loop..
-            requestAnimationFrame(() => this.render());
+            // loop when scrolling..
+            if ( scrollingSpeed !== 0 ) {
+                requestAnimationFrame(() => this.render());
+            } else {
+                window.addEventListener( 'scroll', () => requestAnimationFrame(() => this.render()), { once: true, passive: true })
+            }
         }
     }