我试图创建这个动画,你在点击按钮时显示不同的段落。但是,即使两个元素的持续时间相同,过渡速度似乎也会有所不同,因为段落显然可以更长或更短。在下面的屏幕录音中,你可以看到我想要做什么。
所以,如果我想要的过渡速度是相同的,我应该需要一个jquery/JS脚本来获得较长的段落的父div的高度,并将其应用到其他div?或者是否有其他方法使转换速度相同?
段落包装符高度不同时速度不一致https://s3.tenten.co/share/screen -记录- 2021 - 08 - 06 -在18.59.01.mov
段落包装具有相同高度时的一致速度https://s3.tenten.co/share/screen -记录- 2021 - 08 - 06 -在18.59.54.mov
ps:我在webflow(可视化开发工具)上构建它,所以我没有完全访问动画代码的权限。
动画速度通常设置为以秒为单位的时间间隔,这意味着它将在2秒内执行动画,并根据高度设置移动速度,以便在指定的时间内完成过渡,从而产生您正在体验的行为。因此,正如您所说,解决方案是获得div高度并将其应用于其他div,以获得相同的过渡速度。您可以使用jQuery的height()函数来做到这一点(这是一个简短的解释,以防万一需要)。然后你只需修改其他div的高度也使用JS。