Ember.js anchor link

Question

I have a login box on homepage that I need to link to. The login box has id=\"login\" in html and I have a link to it like this

Answer 1

I use a component, which could also be extended to support query params via an action.

var ScrollToComponent = Ember.Component.extend({
  tagName: 'a',
  anchor: '',

  scrollTo: function () {
    var anchor = this.get('anchor'),
      $el = Ember.$(anchor);

    if ($el) {
      Ember.$('body').scrollTop($el.offset().top);
    }
  }.on('click')
});

This is how you'd use it:

{{#scroll-to anchor=anchor}}Jump To Anchor{{/scroll-to}}

Where anchor is #my-id.

Edit

Here's an ember-cli addon that does this https://www.npmjs.com/package/ember-scroll-to