0

Popmotion 菜鸟在这里。与文档斗争。

我有补间工作正常。但是,补间需要您定义“从”和“到”。说得通。

我想做的只是定义“到”。“从”只是元素的当前状态。

在下面的代码$(el)中是一个 jQuery 元素(告诉你我是一个菜鸟)。

例如,这可行,但我认为我不应该定义“来自”。我确信这不是正确的方法:

toggleIt(): void {

  const rhs = $('.modal-user > .grid')

  const open = '394px auto'
  const closed = '474px auto'
  const from = rhs.css('grid-template-columns')
  const to = this.drawOpen ? closed : open

  tween({from, to, duration: 1000, ease: easing.easeOut}).start(v => rhs.css('grid-template-columns', v))

  this.drawOpen = !this.drawOpen
}

如何让元素从其当前状态移动到我正确定义的状态?我想要类似于 jQuery animate 工作方式的东西(您不必定义“来自”),但显然我想要 popmotion 带来的强大功能,谢谢。我什至应该使用补间吗?popmotion 有更适合的功能吗?

4

0 回答 0