YUI 3.10简单的滚动动画

时间:2013-06-10 13:59:17

标签: javascript firefox animation scroll yui

我们将项目移至最新的YUI版本,一些应该是微不足道的问题变成了夜间母马。

目标:点击“返回顶部”元素需要将用户移至顶部元素

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,我们如何创建动画滚动?

1 个答案:

答案 0 :(得分:3)

如评论中所述,您应该将Anim的node属性指向“赢”而不是“身体”,即:

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

YUI然后知道如何在浏览器中规范化哪个节点滚动。