Ember - 滾動添加類到頂部

Question

我試圖在一個燼應用程序中創建一個粘頭。當用戶開始在頁面上滾動時，我只想通過jQuery向<div id="stickyHeader"></div>添加一個類。我擠壓jquery到一個動作，但沒有任何反應...

我更像一個設計師，而不是開發人員，所以非常確定我在這裏監督一些基本的東西。

我有一個<div></div>像這樣在我applications.hbs：

<div id="stickyHeader"> 
... some content ... 
</div> 

和動作的application.js：

... 
actions: { 
stickyHeaderClass: function(){ 
    this(window).scroll('addClassOnScroll')  
     var scroll = this(window).scrollTop(); 
     if (scroll >= 5) { 
      return Ember.$('#stickyHeader').addClass('active'); 
     } else { 
      return Ember.$('#stickyHeader').removeClass('active'); 
     } 
}, 
.... 

我crapped jQuery的東西here。其餘的是複製和粘貼...

任何想法？

Answer 1

你需要爲這個功能創建組件或使用相關的附加，這裏是快速的工作prototype done in ember twiddle

您可以複製組件，並使用它像

{{#sticky-header}} 
sticky content 
{{/sticky-header}}