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 有更适合的功能吗?