【问题标题】:Slide Transitions in React JS and absolute positioningReact JS 中的幻灯片转换和绝对定位
【发布时间】:2017-05-26 23:14:38
【问题描述】:

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

我可以让所有离散动画与反应动作一起工作,但是,我不知道如何同时处理这两个动画。

本质上,有一点是两个组件同时驻留在视口中。我觉得我对 CSS 布局的了解不足以正确处理问题。

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

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

如果有人能指出一个很好的资源来理解这个问题,或者给我一些一般性的建议,我将不胜感激。我的主要问题是我不知道要研究哪些主题或哪些书籍/在线资源可以很好地解释此类问题的解决方案。

【问题讨论】:

    标签: javascript html css reactjs react-motion


    【解决方案1】:

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

    【讨论】:

    • 谢谢。我不确定用它控制插值样式有多容易,但它肯定会简化其他一些问题。
    猜你喜欢
    • 1970-01-01
    • 2018-02-19
    • 1970-01-01
    • 2021-04-11
    • 2020-07-27
    • 1970-01-01
    • 2015-10-21
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多