我们将项目移到了最新的YUI版本,一些小问题变成了夜马。

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

Firefox中的Animated Scroll不再起作用。有代码:

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

最佳答案

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

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


然后,YUI知道如何跨浏览器标准化要滚动的节点。

关于javascript - YUI 3.10简单滚动动画,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/17025665/

10-12 03:13