Javascript 如何在显示模式的同时仍保留页眉？

嗨，亲爱的开发者。 我真的很喜欢桌面上的雅虎网站（）。当您单击文章标题时，该文章将以类似模式的页面显示。页面标题仍在，您可以滚动内容，在右上角，您可以单击“关闭”按钮取消模式。地址栏和标题栏中的页面url和标题更改。从用户体验的角度来看，我认为这是一个非常好的主意。用户可以返回博客帖子列表，而无需在导航历史中来回查看。

---

我愿意在我的项目中实现那种精确的设计。我正在使用React UI包（）的Material Design Bootstrap，但它们的模态组件（）不是那么平滑，无法获得相同的结果。有谁能给我一些建议，或者给我一些建议？提前感谢。

我知道如何做到这一点的一种方法是使用此处记录的材质UI抽屉：

结合持久抽屉和剪裁抽屉可以产生这种效果。
下面是这个想法的模型：

---

我知道如何做到这一点的一种方法是使用此处记录的材质UI抽屉：

结合持久抽屉和剪裁抽屉可以产生这种效果。
下面是这个想法的模型：

---

谢谢你，马特。我偶然发现了这个包，它做得非常好：。

谢谢Josh Matt。我遇到了这个包，它完美地完成了工作：