我正在尝试促进视图过渡,其中一个大型容器组件从一侧滑入,而另一侧则滑出到另一侧。

我可以使所有离散动画在反应运动方面都没有问题,但是,我对如何同时处理这两种方法感到困惑。

本质上,这两个组件同时存在于视口中。我觉得我对CSS布局的了解不足以正确解决问题。

我最初的想法是将滑动元件绝对定位在相对定位的容器内。但是,这种绝对定位对绝对定位容器内部所含的所有组件都有副作用。

这是一个已解决的问题(iOS视图始终来回滑动并在弹出视图端口时保留布局行为)。

如果有人可以为我提供了解该问题的良好资源,或者给我一些一般性建议,我们将不胜感激。我的主要问题是,我不知道要研究哪些主题或哪些书籍/在线资源可以很好地解释此类问题的解决方案。

最佳答案

我使用了一个很棒的程序包叫做react-transition,听起来像它可以处理您提到的情况。在以下位置进行检查:https://www.npmjs.com/package/react-transitions,您可以在此处查看演示:https://szchenghuang.github.io/react-transitions/

关于javascript - React JS中的幻灯片过渡和绝对定位,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44204866/

10-09 14:36