javascript - YUI 3.10 简单的滚动动画

Question

我们将我们的项目迁移到最新的 YUI 版本，一些本应是微不足道的问题变成了噩梦。

目标：点击“返回顶部”元素需要将我们的用户移动到顶部元素

Firefox 中的动画滚动不再起作用。有代码：

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

此代码适用于谷歌浏览器。

我在某处读到了新版本删除了' scroll' 作为选项。anim如果我们不能再使用anim，我们如何创建动画卷轴？

Answer 1

如评论中所述，您应该将 Anim 的node属性指向“win”而不是“body”，即：

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

YUI 然后知道如何跨浏览器规范化要滚动的节点。