YUI 3.10 Простая анимация прокрутки

Мы перевели наш проект в последнюю версию YUI и некоторые проблемы, которые должны быть тривиальными, стали ночной кобылой.YUI 3.10 Простая анимация прокрутки

Цель: Нажмите на элемент «обратно к вершине» нужно переместить наших пользователей верхний элемент

анимированные прокрутки внутри Firefox не работает больше. Существует код:

navElem.on('click', function(el){ 
    var y = 1000; 
    anim.set('to', { scroll: [0, y - Y.one('.fixed_header').get('scrollHeight')] }); 
    anim.run(); 
});

Этот код работает в Google Chrome.

Я где-то читал, что 'scroll' как anim опция была удалена с новой версией. Если мы не сможем использовать anim, как мы можем создать анимированный свиток?

источник

2013-06-10 Milos

Кажется, что работает с YUI 3.10.3 http://jsbin.com/ezokab/1/. Можете ли вы создать пример jsbin/jsfiddle, на который мы можем смотреть? – juandopazo

Thx для ответа, я взглянул на ваш пример, я нашел проблему. Свойству Anim.node был установлен элемент body, и после того, как я изменил его на «win» (как в вашем примере), он снова работает. THX снова – Milos

Как было отмечено в комментариях, вы должны указать атрибут Anim в node, чтобы «выиграть», а не «тело», то есть:

var anim = new Y.Anim({ 
    duration: 0.5, 
    node: 'win', 
    easing: 'easeBoth', 
    to: { 
    scroll: [0, 0] 
    } 
});

YUI то знает, как нормализовать во всех браузерах, какой узел для прокрутки.

источник

2013-06-10 23:04:10 juandopazo

YUI 3.10 Простая анимация прокрутки

ответ

Смежные вопросы