使用Web动画设置动画DOM属性(scrollTop)

Question

Web动画是一个新的w3c规范,只是为了清楚我们在谈论什么.无论哪种方式,我都想顺利滚动到某个元素.使用jQuery的Animate功能这总是一件容易的事,但对于Web动画来说,这似乎并不那么简单.有没有办法使用Web动画计时功能并将它们应用于DOM属性(scrollTop).我问的原因是我不想加载整个(额外)库只是为了使用它的插值函数,而在我的应用程序的其余部分使用不同的技术/库.

Answer 1

您可以使用自定义效果来制作动画scrollTop，例如

var a = new Animation(el, function(time) {
    el.scrollTop = el.scrollTop + time * 500;
}, 1000);