HTML可滚动div隐藏标题

我试图在父div中创建一个无限高的contenteditable div，每当内容到达屏幕的末尾时，它就会显示一个滚动条。然而，我遇到了一个问题。如果contenteditable div（

页面

）中的文本到达屏幕的末尾，它将隐藏标题（

菜单

）并显示页面的底部，但除非刷新页面，否则无法再次返回。此外，滚动条不允许滚动

，以及里面的解释

如何获得滚动条，使其显示在父（

content

）div上，填充屏幕剩余高度的100%，而不溢出，并使其在添加内容时不会隐藏菜单

---

编辑：如果您打算立即否决我的问题，请告诉我如何改进。

只需添加

overflow-y:scroll

到

#容器

似乎可以解决我的问题。它使常规滚动条正常工作，并允许在向上滚动时显示标题。

/*http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
许可证：无（公共域）
*/
html、正文、div、span、小程序、对象、iframe、，
h1、h2、h3、h4、h5、h6、p、块报价、预，
a、 缩写，首字母缩写，地址，大，引用，代码，
del、dfn、em、img、ins、kbd、q、s、samp、，
小、走向、强、次、辅助、tt、var、，
b、 u，i，中心，
dl，dt，dd，ol，ul，li，
字段集、表单、标签、图例、，
表格、标题、正文、tfoot、THAD、tr、th、td、，
文章、旁白、画布、细节、嵌入、，
图，figcaption，页脚，页眉，H组，
菜单、导航、输出、ruby、节、摘要、，
时间、标记、音频、视频{
保证金：0；
填充：0；
边界：0；
字体大小：100%；
字体：继承；
垂直对齐：基线；
}
/*旧浏览器的HTML5显示角色重置*/
文章，旁白，细节，图表，
页脚、页眉、H组、菜单、导航、节{
显示：块；
}
身体{
线高：1；
溢出x：隐藏；
溢出y：隐藏；
}
ol，ul{
列表样式：无；
}
区块报价，q{
报价：无；
}
blockquote:before，blockquote:after，
问：之前，问：之后{
内容：''；
内容：无；
}
桌子{
边界塌陷：塌陷；
边界间距：0；
}
/* ============================================================
默认窗口CSS
============================================================ */
@-webkit关键帧fadeIn{
从{
不透明度：0；
}
到{
不透明度：1；
}
}
html{
宽度：100%；
最小高度：100%！重要；
身高：100%；
-webkit字体平滑：抗锯齿；
}
html*{
颜色：#222；
}
p{
字体大小：13px；
}
h1{
字体大小：20px；
}
身体{
宽度：100%；
最小高度：100%！重要；
身高：100%；
-webkit动画：fadeIn 0.5s；
}
身体{
字体系列：“Segoe UI”，Arial，无衬线；
}
#容器{
身高：100%；
}
#内容{
背景：#eee；
字体大小：10px；
最小高度：100%；
填充：32px；
显示器：-moz盒；
显示：-ms flexbox；
显示：-webkit flex；
显示器：flex；
证明内容：中心；
溢出y：滚动；
}
#页面{
字体大小：14px；
背景：#fff；
宽度：800px；
填充：32px；
大纲：无；
调整大小：无；
盒影：0 8px 64px rgba（0,0,0,0.25）；
高度：300px；
溢出：自动；
边缘顶部：50px；
}
#页脚{
显示器：flex；
高度：32px；
填充：8px；
位置：固定；
左：0；
底部：0；
宽度：100%；
}
/* ============================================================
菜单
============================================================ */
#菜单{
位置：固定；
游标：默认值；
文本对齐：居中；
背景：线性梯度（#fbfb，#eff）；
盒影：插图#bf0-1px0；
高度：28px；
排名：0；
z指数：100；
宽度：100%；
}
#标题栏{
顶部：6px；
}
#标题栏{
位置：相对位置；
顶部：8px；
}
#标题栏>p{
位置：绝对位置；
左：50%；
-webkit转换：translateX（-50%）；
指针事件：无；
}

头衔

这应该显示在屏幕剩余高度的100%，并且可以滚动，显示为一个无休止的页面。但是，当这种情况发生时，屏幕顶部的菜单以及滚动条的上箭头将消失，并且无法恢复。只有父div和内容应该是可滚动的。将此文本粘贴几次以了解我的意思。此文本应显示在屏幕剩余高度的100%上，并可滚动，显示为一个无休止的页面。但是，当这种情况发生时，屏幕顶部的菜单以及滚动条的上箭头将消失，并且无法恢复。只有父div和内容应该是可滚动的。将此文本粘贴几次以了解我的意思。此文本应显示在屏幕剩余高度的100%上，并可滚动，显示为一个无休止的页面。但是，当这种情况发生时，屏幕顶部的菜单以及滚动条的上箭头将消失，并且无法恢复。只有父div和内容应该是可滚动的。将此文本粘贴几次以了解我的意思。此文本应显示在屏幕剩余高度的100%上，并可滚动，显示为一个无休止的页面。但是，当这种情况发生时，屏幕顶部的菜单以及滚动条的上箭头将消失，并且无法恢复。只有父div和内容应该是可滚动的。将此文本粘贴几次以了解我的意思。此文本应显示在屏幕剩余高度的100%上，并可滚动，显示为一个无休止的页面。但是，当这种情况发生时，屏幕顶部的菜单以及滚动条的顶部箭头将消失