如何显示模式并仍然保留页眉？

Question

尊敬的 React 开发人员您好。 我真的很喜欢桌面版雅虎网站 (https://www.yahoo.com/)。当您单击帖子标题时，该帖子会以类似模式的页面显示。页面标题仍然存在，您可以滚动内容并在右上角单击关闭按钮以关闭模式。地址栏和标题栏中的页面 url 和标题发生变化。从用户体验的角度来看，我认为这是一个非常好的主意。用户无需在导航历史中来回切换即可返回博客文章列表。 我愿意为我的项目实现那种精确的设计。我正在为 React UI 包 (https://mdbootstrap.com/docs/react/) 使用 Material Design Bootstrap，但他们的模态组件 (https://mdbootstrap.com/docs/react/modals/basic/) 不是那么流畅，无法获得相同的结果。谁能给我一些想法或者建议我一些包裹？提前致谢。

Answer 1

我知道如何做到这一点的一种方法是使用此处记录的 Material-UI Drawers：
https://material-ui.com/components/drawers/

结合永久抽屉和夹式抽屉可以给你这种效果。
这是这个想法的模型：
https://codesandbox.io/embed/material-demo-42stk?fontsize=14

Answer 2

谢谢乔什马特。我遇到了这个完美地完成工作的包：https://github.com/wiloke1/wil-react-modal。