文章/答案/技术大牛

发布

社区首页 >问答首页 >使用Position: Absolute折叠元素

问使用Position: Absolute折叠元素
EN

Stack Overflow用户

提问于 2020-10-16 08:24:04

回答 1查看 136关注 0票数 0

我试图让“打开聊天”按钮显示一个绝对定位的div，然后在再次单击它时将其折叠。

我尝试使用组件react-collapse，但是当div的内容定位为绝对时，它不起作用，尽管它在定位为静态/相对时起作用。第一次点击将显示内容，但第二次点击不会隐藏它。这一切为什么要发生？有人知道该怎么做吗？

我想要显示绝对内容的原因是，我可以将聊天框覆盖在我的其他内容之上，如图所示。谢谢!

发布于 2020-10-16 08:35:27

您可以在不使用react- condition的情况下实现这一点，只需使用状态变量作为组件的条件，例如isVisisble。您需要将状态变量从导航栏传递到ChatComponent。在OpenChat上，单击toggle

<ChatComponent style={{...ur other styles , display : props.isVisisble ? 'block':'none'}} />

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/64381339

复制

相似问题

问使用Position: Absolute折叠元素EN