title: How to transition page scrolling using Polymer's neon elements
body: <p>I am new to Polymer. I'm trying to explore the animation resources through the Polymer neon-* elements.</p>
  
  <p>Based on demos in Polymer Project, I found how to transition between pages:</p>
  
  <pre><code>&lt;neon-animated-pages id="pages" class="flex" selected="{{selected}}"  entry-animation="slide-from-left-animation" exit-animation="slide-right-animation"&gt;
     &lt;neon-animatable&gt;
        &lt;h1&gt;Consultoria&lt;/h1&gt;
     &lt;/neon-animatable&gt;
     &lt;neon-animatable&gt;
        &lt;h1&gt;Treinamento&lt;/h1&gt;
     &lt;/neon-animatable&gt;
     &lt;neon-animatable&gt;
        &lt;h1&gt;Institucional&lt;/h1&gt;
     &lt;/neon-animatable&gt;
  </code></pre>
  
  <p></p>
  
  <p>This works great!</p>
  
  <p>But, I would like to explore various forms of transition and animation in a single page, only using Polymer Elements, similar to the Inbox Google homepage:</p>
  
  <p><a href="http://www.google.com/inbox/" rel="nofollow">http://www.google.com/inbox/</a></p>
  
  <p>My initial question:
  How the scroll transitions of sections tags could be implemented</p>
  
  <pre><code>&lt;section&gt; &lt;/section&gt;
  </code></pre>
  
  <p>using Polymer neon- * elements , similar to Google Inbox behavior?</p>
  
  <p>Thank you for any contribution!</p>