小编Ale*_*tti的帖子

如何在anime.js 中使用“seek”来控制滚动时的动画?举个例子,请

更新的anime.js 文档(Controls->Seek)说你可以在滚动时控制动画,但是没有例子。

谁能举例说明如何设置animation.seek?

https://animejs.com/documentation/#seekAnim

var animation = anime({
  targets: '.seek-anim-demo .el',
  translateX: 270,
  delay: function(el, i) { return i * 100; },
  elasticity: 200,
  easing: 'easeInOutSine',
  autoplay: false
});

var seekProgressEl = document.querySelector('.seek-anim-demo .progress');
seekProgressEl.oninput = function() {
  animation.seek(animation.duration * (seekProgressEl.value / 100));
};
Run Code Online (Sandbox Code Playgroud)

scroll seek anime.js

3
推荐指数
1
解决办法
6571
查看次数

标签 统计

anime.js ×1

scroll ×1

seek ×1