Add auto-scroll option to sky city-list example

TBR=esprehn Review URL: https://codereview.chromium.org/758753003

Add auto-scroll option to sky city-list example
TBR=esprehn Review URL: https://codereview.chromium.org/758753003
a0df465d · Rafael Weinstein · 7da267c4 · a0df465d · a0df465d
Commit a0df465d authored Nov 25, 2014 by Rafael Weinstein
Hide whitespace changes
Inline Side-by-side

Showing with 21 additions and 0 deletions

city-list.sky examples/city-list/city-list.sky +5 -0

index.sky examples/city-list/index.sky +16 -0

No files found.
--- a/examples/city-list/city-list.sky
+++ b/examples/city-list/city-list.sky
@@ -599,6 +599,11 @@ SkyElement({
          return;

        this.updateView(this.loader.getItems(), true);
+      },
+
+      scrollBy: function(amount) {
+        this.scrollerElement.scrollTop += amount;
+        this.handleScroll({ target: this.scrollerElement });
      }
    });


--- a/examples/city-list/index.sky
+++ b/examples/city-list/index.sky
@@ -29,5 +29,21 @@ window.startLoad = new Date().getTime();
 </script>
 <body>
  <city-list></city-list>
+  <script>
+    var cityList = document.querySelector('city-list');
+    var scrollBy = location.search.match(/auto=([0-9]+)/)[1];
+
+    function autoScroll() {
+      cityList.scrollBy(scrollBy);
+      requestAnimationFrame(autoScroll);
+    }
+
+    if (scrollBy) {
+      console.log('Autoscroll by ' + scrollBy);
+      setTimeout(function() {
+        requestAnimationFrame(autoScroll);
+      }, 200)
+    }
+  </script>
 </body>
 </html>