我们将项目移到了最新的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/