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}}