<p dir="auto"><strong>I'm submitting a ...</strong>  (check one with "x")</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[x ] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question"><pre class="notranslate"><code class="notranslate">[x ] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong></p>

<p dir="auto"><code class="notranslate">routerLink</code> with <code class="notranslate">fragment</code> doesn't scroll to the fragment target when the current route already contains the fragment.<br>
<strong>Expected behavior</strong></p>

<p dir="auto">With a standard <code class="notranslate">&lt;a href="#frag"&gt;&lt;/a&gt;</code>, the browser will always scroll to the target.<br>
<strong>Minimal reproduction of the problem with instructions</strong></p>

<p dir="auto"><a href="http://plnkr.co/edit/6Od3vTp2Che48wO5A9Pc?p=preview" rel="nofollow">http://plnkr.co/edit/6Od3vTp2Che48wO5A9Pc?p=preview</a> although using the router in a Plnkr is virtually impossible<br>
<strong>What is the motivation / use case for changing the behavior?</strong></p>

<p dir="auto">So it behaves correctly<br>
<strong>Please tell us about your environment:</strong></p>

<p dir="auto">windows, vs 2015, npm, Kestrel behind IIS, ... (what?)</p>
<ul dir="auto">
<li><strong>Angular version:</strong> 2.0.X</li>
</ul>

<p dir="auto">2.2.4 in my environment and whatever the Plnkr gives me</p>
<ul dir="auto">
<li><strong>Browser:</strong> [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]</li>
</ul>

<ul dir="auto">
<li><strong>Language:</strong> [all | TypeScript X.X | ES6/7 | ES5]<br>
TypeScript 2.0.3</li>
<li><strong>Node (for AoT issues):</strong> <code class="notranslate">node --version</code> =</li>
</ul>
<p dir="auto">I'm trying to add an anchor link on my current angular2 app.<br>
I've made the navigation first using the fragment attribute and because It didn't work I've referenced the fragment by using the router navigation. I couldn't make it work in both scenarios.</p>
<p dir="auto">I've been playing with <a href="https://angular.io/resources/live-examples/router/ts/eplnkr.html" rel="nofollow">https://angular.io/resources/live-examples/router/ts/eplnkr.html</a> and doesn't seem to be working too.</p>
<p dir="auto">I followed step by step the tutorial on the routing documentation...</p>
<p dir="auto">Can you provide any help?</p>