使用AlloyUI向下滚动时添加类 [英] Add class when scroll down with AlloyUI

问题描述

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

I need to add a class when the user scroll down. I usually do this with jQuery:

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

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

How can I do the same thing with AlloyUI? Really thanks.

推荐答案

使用 ScrollInfo插件及其 scroll 事件

Using the ScrollInfo plugin and its 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');
    }
});

这篇关于使用AlloyUI向下滚动时添加类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！