繁体   English   中英

YUI 3.10简单的滚动动画

[英]YUI 3.10 Simple scroll animation

我们将我们的项目移动到最新的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了,我们怎样才能创建一个动画卷轴?

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

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM