如何解决CSS 绝对显示在假设备框架后面
因此,我正在模拟设备框架中的 pin 屏幕。 See CodeSandbox here. 我想让这个 pin 屏幕向上过渡并消失,问题是现在它只会上升,但不会落后于设备框架。
我可以通过使固定屏幕一直向上移动到屏幕边缘来解决这个问题,但是向上滑动时动画仍然会被破坏。有没有其他方法可以实现类似的目标?
解决方法
目前屏幕正在从顶部过渡到 -100%。它实际上位于“设备”的前面 - 它需要覆盖设备的屏幕 - 但它需要看起来好像被设备的屏幕所包含。
一种方法是停止转换顶部位置 - 将其保留在设备屏幕顶部的位置 - 而将其高度转换为 0。这样我们就不必担心它是否显示在设备后面(特别难以实现,因为设备有圆角)。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。