Question

我正在尝试在ember应用程序中创建一个粘性标头。我只想在用户开始在页面上滚动时通过jquery向<div id="stickyHeader"></div>添加一个类。我把jquery挤进了一个动作，但没有任何反应......

我不仅仅是一名设计师而非开发人员，所以我非常肯定我会在这里监督一些基金会。

我的 applications.hbs 中有<div></div>这样的内容：

<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');
      }
},
....

我废弃了jquery的东西here。其余的是复制和粘贴...

有什么想法吗？

Answer 1

您需要为此功能创建组件或使用相关的附加组件，这是快速工作prototype done in ember twiddle

您可以复制该组件并像

一样使用它

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

灰烬 - 滚动到顶部添加课程

1 个答案: