jquery - 使用 AlloyUI 向下滚动时添加类

Question

我需要在用户向下滚动时添加一个类。我通常使用 jQuery 这样做:

$(window).scroll(function() {
  var scroll = $(window).scrollTop();
  if (scroll >= 10) {
    $(".dockbar").addClass("dockbar-opacity");
  }
});

如何使用 AlloyUI 做同样的事情？真的很感谢。

Answer 1

使用 ScrollInfo plugin及其 scroll event

var body = Y.one('body');

body.plug(Y.Plugin.ScrollInfo);

body.scrollInfo.on('scroll', function (e) {
    if (e.scrollTop >= 10){
       Y.one('.dockbar').addClass('dockbar-opacity');
    }
});