little smoother

AmalW · Mar 18, 2015 · 30e5098 · 30e5098
1 parent c62110e
commit 30e5098
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/public/main.js b/public/main.js
@@ -1,4 +1,11 @@
-window.document.addEventListener('scroll', function(e) {
-    //document.getElementById('train').style.transform = 'translate3d(0,' + e.target.body.scrollTop + 'px,0)';
-    document.getElementById('train').style.top = (e.target.body.scrollTop - 150) + 'px';
+window.addEventListener('load', function() {
+    var trainElement = document.getElementById('train');
+    var animationFrame;
+    window.addEventListener('scroll', function(e) {
+        window.cancelAnimationFrame(animationFrame);
+        animationFrame = window.requestAnimationFrame(function() {
+            //document.getElementById('train').style.transform = 'translate3d(0,' + window.pageYOffset + 'px,0)';
+            trainElement.style.top = (window.pageYOffset - 150) + 'px';
+        });
+    });
 });