我正在尝试制作一个布局，其中可以滚动出标题，但保留导航和页脚。这是它的链接：
https://play.tailwindcss.com/LiIq5be2Wz?size=360x640
以下是用jsfiddle编写的相同代码：https://jsfiddle.net/cdxqsfu4/
我已经有了它，但我将要使用的框架需要有一个appdiv.在添加它(或者在这种情况下取消注释它(后，似乎只有top:0部分是粘性的，而不是left:0。有办法解决这个问题吗？
编辑：以下是我需要的规格：
- 滚动条应该覆盖整个视图，包括页眉和页脚
- 向下滚动时需要隐藏标题
- 导航应该粘在屏幕的最上面和最左边
- 导航应覆盖屏幕的整个宽度
- 页脚应该粘在屏幕的最底部和最左侧
- 页脚应覆盖屏幕的整个宽度
- 标头需要位于
appdiv之外
最简单的解决方案是更改标记的顺序。您应该将header与其他div嵌套，并将其中一个设置为overflow-auto。不管是哪一个。使用两个overflow-auto是让它与之前的结构一起工作的唯一方法，因为之前的结构会丢失标题滚动。
看看它在顺风游戏上的工作。