JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.3/handlebars.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/ember.js/1.0.0-rc.1/ember.js"></script>
<script type="text/x-handlebars" id="application">

This is the application template. <br/>

{{#linkTo "longlist"}} Go to "longlist" route destination with scrolling to "someAnchor" {{/linkTo}} <br/>
------------------------------------------<br/>
        {{outlet}}
</script>

<script type="text/x-handlebars" id="longlist">

    This is a long list with lots of breaks. Scroll down.
    .<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>End of Long List.<br/><br/>
    ----------------------------------------------------<br/>
        <a name="someAnchor">Anchor to here.</a>
    </script>

JavaScript

App = Ember.Application.create();

App.Router.map(
    function () {
        this.resource("longlist", { path: '/list' } ); 
    }
);

App.LonglistView = Ember.View.extend({
    didInsertElement: function() {
        document.getElementsByTagName('a')[name='someAnchor'].scrollIntoView()
    }
});