Ember.jsでのHTMLアンカーの使用

Question

私のEmberアプリケーションで、どのように私のハンドルバーテンプレート内のHTMLアンカーにジャンプできますか？ I created a jsFiddle that shows what I want to accomplish。

背景
Emberのアプリケーションのナビゲーションモデルは、HTMLアンカーを使用しています。

私は、次の要件があります：ユーザーが新しいルート先にナビゲートするハンドルlinkToヘルパーをクリックすると、ブラウザが自動的にその新しいルート先に関連したハンドルバーテンプレート内のアンカーにスクロールする必要があります。

Answer 1

jqueryを使用して特定のセクションにスクロールします。

$('html,body').animate({ 
    scrollTop: $("a[name='someAnchor']").offset().top 
}); 

this SO answerを参照してください。

ビューがレンダリングされた後にアンカーにスクロールするには、ルートのビューの定義内のdidInsertElementをオーバーライドします。

this SO answerを参照してください。ここで

App.LonglistView = Ember.View.extend({ 
    didInsertElement: function() { 
     // Place the scroll to anchor code here. 
     $('html,body').animate({ 
      scrollTop: $("a[name='someAnchor']").offset().top 
     }); 
    } 
}); 

はjsfiddleでa working example（私は明確にするための任意のデータモデルを追加していない）である

EDIT：あなたはまた、スクロール

document.getElementsByTagName('a')[name='someAnchor'].scrollIntoView() 

jsfiddle exampleを行うには非jqueryの方法を使用することができます同様に。