How to jump to page scrolling using polymer neon elements

Question

I am new to Polymer. I am trying to explore animation resources through neon Polymer elements.

Based on the demo in the Polymer project, I found how to navigate between pages:

<neon-animated-pages id="pages" class="flex" selected="{{selected}}"  entry-animation="slide-from-left-animation" exit-animation="slide-right-animation">
   <neon-animatable>
      <h1>Consultoria</h1>
   </neon-animatable>
   <neon-animatable>
      <h1>Treinamento</h1>
   </neon-animatable>
   <neon-animatable>
      <h1>Institucional</h1>
   </neon-animatable>

This works great!

But I would like to explore the different forms of transitions and animations on one page, only using Polymer Elements, similar to the Google Inbox homepage:

http://www.google.com/inbox/

My initial question: How section tag scroll scroll tags can be implemented

<section> </section>

using inorganic Polymer elements similar to the behavior of Google Inbox?

Thanks for any input!

Answer 1

, , - .

, google- , iscroll.js.

, , iscroll css.

https://github.com/sgoran/polymer-spa