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();
});

此代码适用于 Google Chrome。

我在某处读到，'scroll' as 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 知道如何跨浏览器标准化要滚动的节点。