使用 AlloyUI 向下滚动时添加 class
Add class when scroll down with AlloyUI
我需要在用户向下滚动时添加一个 class。我通常这样做 with jQuery:
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 10) {
$(".dockbar").addClass("dockbar-opacity");
}
});
如何使用 AlloyUI 执行相同的操作?
非常感谢
使用 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');
}
});
我需要在用户向下滚动时添加一个 class。我通常这样做 with jQuery:
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 10) {
$(".dockbar").addClass("dockbar-opacity");
}
});
如何使用 AlloyUI 执行相同的操作? 非常感谢
使用 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');
}
});