Добавить класс при прокрутке вниз с помощью AlloyUI

Мне нужно добавить класс, когда пользователь прокручивает вниз. Обычно я делаю это с помощью jQuery:

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

Как я могу сделать то же самое с AlloyUI? Действительно спасибо.


jquery css alloy-ui
person bosspetta    schedule 29.01.2015    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Используя плагин ScrollInfo и его scroll событие

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');
    }
});
person Gabriele Petrioli    schedule 29.01.2015
comment
Большое спасибо за скорость ответа. попробую ваш совет. Работа с AlloyUI и Liferay. После того, как я скажу, сработало ли это. - person bosspetta; 29.01.2015
comment
Мерси Габи, ты правишь ;-) - person bosspetta; 30.01.2015