javascript - 使用 Web 动画动画 DOM 属性 (scrollTop)

Question

Web Animations is a new w3c spec ，只是为了清楚我们在说什么。无论哪种方式，我都想顺利滚动到某个元素。使用 jQuery 的 Animate 功能，这始终是一个明智的选择，但对于 Web Animations 来说，这似乎并不那么简单。有什么方法可以使用 Web 动画计时函数并将它们应用于 DOM 属性 (scrollTop)。我问的原因是我不想加载整个(额外的)库只是为了使用它的插值函数，同时在我的应用程序的其余部分使用不同的技术/库。

Answer 1

您可以使用 Custom Effects为 scrollTop 设置动画，例如

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