材质UI工具提示自定义放置

时间:2019-11-20 02:23:37

标签: reactjs tooltip material-ui

我想将侧边栏和卡片列表工具提示放在页面底部的同一位置。

使用过margin,但是我无法让它们位于同一位置,除非我可能为每个工具提示创建一个类并且它们都是很多。工具提示上的内页边距样式也会影响孩子,因此这是不可能的。对于position absolute,它们仍然依赖于锚点。保证金对于响应性也不是最佳的。而且transform translate似乎不适用于它们。

有人知道这个问题的解决方案吗?

2 个答案:

答案 0 :(得分:0)

为什么不只在要显示工具提示的页面中心创建一个div并将其放置在此处?您可以使用状态动态控制工具提示文本

答案 1 :(得分:0)

尝试创建一个固定在页面中央底部的div。如果需要Toast的感觉,请使用state渲染工具提示,并使用setTimeout清除值。可以在元素悬停时设置状态。

相关问题