在 HTML 中的嵌入元素上滚动

Question

我正在尝试滚动嵌入元素，但不滚动 HTML 正文。我已在 CSS 中为正文指定

overflow-y: hidden;

，并在 CSS 中为要滚动的元素指定

overflow-y:scroll;

。在这种情况下，主体没有滚动条，并且为我想要滚动的元素绘制了滚动条，但该滚动条被禁用并且无法运行。我想要滚动的元素占据视口的底部 3/4。如果我没有指定任何内容，我会得到一个有效的正文滚动条，但这意味着所有正文内容都会滚动。我希望保持正文中前几个元素的内容可见，而包含我正在显示的文本的一个元素变得可滚动。关于如何继续的任何建议？任何解决方案都应该跨浏览器工作并且不需要第三方代码。我更喜欢一个不需要 javascript 的解决方案。

Answer 1

答案很简单。只需从正文中删除

overflow-y:hidden

CSS 即可。