title: Polymer href link anchor does not scroll to div when using <iron-pages>
body: <p>I'm using Polymer 1.x, and I have an <code>&lt;iron-selector&gt;</code> with generated links. I would like for one of my links to scroll to a <code>&lt;div&gt;</code>. However, I cannot achieve this successfully as the link is intercepted by the <code>&lt;iron-pages&gt;</code>. Here is what I have tried so far:</p>
  
  <pre><code>&lt;app-location route="{{route}}"&gt;&lt;/app-location&gt;
  &lt;app-route
      route="{{route}}"
      pattern="/:page"
      data="{{routeData}}"
      tail="{{subroute}}"&gt;&lt;/app-route&gt;
  
  &lt;iron-selector role="navigation" class="drawer-list" selected="[[categoryName]]" attr-for-selected="name"&gt;
      &lt;template is="dom-repeat" items="[[categories]]" as="category" initial-count="4"&gt;
          &lt;a name="[[category.name]]" href="[[category.link]]"&gt;[[category.title]]&lt;/a&gt;
      &lt;/template&gt;
  &lt;/iron-selector&gt;
  
  &lt;section id="contactSection" class="home-contact ss-style-triangles"&gt;
      &lt;div class="container"&gt;
          &lt;div class="contact-wrap"&gt;
              &lt;h1&gt;Contact&lt;/h1&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  
  &lt;iron-pages role="main" selected="[[page]]" attr-for-selected="name" selected-attribute="visible" fallback-selection="404"&gt;
    &lt;!-- home view --&gt;
      &lt;cass-home name="home"&gt;&lt;/cass-home&gt;
      &lt;cass-why name="whyChooseUs" route="{{subroute}}"&gt;&lt;/cass-why&gt;
      &lt;cass-partner name="partner" route="{{subroute}}"&gt;&lt;/cass-partner&gt;
      &lt;cass-404-warning name="404"&gt;&lt;/cass-404-warning&gt;
  &lt;/iron-pages&gt;
  </code></pre>
  
  <p>Then in JavaScript:</p>
  
  <pre><code>var categoryList = [
      {
          name: 'home',
          title: 'Accueil',
          link: '/home',
      },
      {
          name: 'home',
          title: 'Home',
          link: '/home',
      },
      {
          name: 'b2b',
          title: 'Company',
          link: '/b2b',
      },
      {
          name: 'login',
          title: 'Connection',
          link:'/login'
      },
      {
          name: 'contact',
          title: 'Contact',
          link:'javascript:document.querySelector("#contactSection").scrollIntoView();'
      }
    ];
  </code></pre>
  
  <p>The  is linked to an  to set the core part of my </p>
  
  <p>However, as it is in the local DOM, it's not detecting the <code>#contactSection</code>. I also tried using a function and registering a listener, but unsuccessfully.</p>
  
  <p>Any hints?</p>