href to another element does not work in Polymer
<p>I created a project using the Polymer Starter Kit, with its app-router.</p>

<p>My my-app.html has the selectors for the views like so..</p>

<pre><code>&lt;iron-pages role="main" selected="[[page]]" attr-for-selected="name"&gt;
      &lt;my-view1 name="view1"&gt;&lt;/my-view1&gt;
      &lt;my-view2 name="view2"&gt;&lt;/my-view2&gt;
      &lt;my-view3 name="view3"&gt;&lt;/my-view3&gt;
      &lt;my-view4 name="view4"&gt;&lt;/my-view4&gt;
      &lt;my-view5 name="view5"&gt;&lt;/my-view5&gt;
      &lt;my-view6 name="view6"&gt;&lt;/my-view6&gt;
    &lt;/iron-pages&gt;
</code></pre>

<p>I have a component my-view1.html, within which I have div with href tag </p>

<pre><code>&lt;div&gt;God 1 &lt;a href="#gotogod" class="link"&gt;Jump to example&lt;/a&gt; &lt;/div&gt;
</code></pre>

<p>elsewhere in the document I have </p>

<pre><code>&lt;p id="gotogod"&gt;
  God is great
&lt;/p&gt;
</code></pre>

<p>While I dont get any errors, it doesnt jump to the paragraph when I click the link.  When I hover over the link, I do get </p>

<pre><code>http://localhost:8080/view1#gotogod
</code></pre>

<p>But the page doesnt jump to that spot.</p>

<p>I have tried various combinations for the href without luck.</p>

<p>Please help.</p>