Sử dụng các neo HTML trong Ember.js

Question

Trong ứng dụng Ember của tôi, làm thế nào tôi có thể chuyển đến một neo HTML bên trong một trong các mẫu Handlebars của tôi? I created a jsFiddle that shows what I want to accomplish.

Bối cảnh
Mô hình điều hướng của Ember thông qua ứng dụng sử dụng neo HTML.

Tôi có yêu cầu sau: khi người dùng nhấp vào một helper tay lái linkTo để điều hướng đến một mới đường đến, trình duyệt sẽ tự động di chuyển đến một neo bên trong mẫu tay lái liên quan đến đó mới đường đến.

Answer 1

Sử dụng jquery để cuộn đến một phần cụ thể.

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

Tham khảo this SO answer tương tự.

Để cuộn đến neo sau khi chế độ xem được hiển thị, hãy ghi đè didInsertElement trong định nghĩa của bạn cho Chế độ xem của tuyến đường của bạn.

Tham khảo this SO answer liên quan tương tự.

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

Đây là a working example trong jsfiddle (Tôi đã không được thêm bất kỳ mô hình dữ liệu cho rõ ràng)

EDIT: Bạn cũng có thể sử dụng cách phi jquery để làm di chuyển

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

Các jsfiddle example cho cùng.