From 725a47a79966c354020e38f76b48525f350b4212 Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Tue, 16 Jan 2018 17:33:47 -0800
Subject: [PATCH] use throttle instead of debounce

---
 routes/_components/VirtualList.html | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/routes/_components/VirtualList.html b/routes/_components/VirtualList.html
index 59906106..89c02d57 100644
--- a/routes/_components/VirtualList.html
+++ b/routes/_components/VirtualList.html
@@ -17,29 +17,32 @@
 <script>
   import VirtualListItem from './VirtualListItem'
   import { virtualListStore } from '../_utils/virtualListStore'
-  import debounce from 'lodash/debounce'
+  import throttle from 'lodash/throttle'
 
-  const DEBOUNCE_TIME = 500
+  const THROTTLE_TIME = 500
 
   export default {
     oncreate () {
-      this.observe('innerHeight', debounce(innerHeight => {
+      this.observe('innerHeight', throttle(innerHeight => {
         //console.log('setting innerHeight', innerHeight)
         this.store.set({
           innerHeight: innerHeight
         })
-      }, DEBOUNCE_TIME))
+      }, THROTTLE_TIME))
       this.observe('items', (items) => {
         //console.log('setting items')
         this.store.set({
           'items': items
         })
       })
-      document.body.querySelector('.container').addEventListener('scroll', debounce((e) => {
+      document.body.querySelector('.container').addEventListener('scroll', throttle((e) => {
         this.store.set({
           scrollTop: e.target.scrollTop
+        }, {
+          leading: false,
+          trailing: true
         })
-      }, DEBOUNCE_TIME))
+      }, THROTTLE_TIME))
     },
     ondestroy () {
     },