使 div 可滚动而不是页面答案

【问题标题】：Making div scrollable instead of page使 div 可滚动而不是页面
【发布时间】：2019-06-04 11:05:50
【问题描述】：

我怎么能做这样的事情？问题不在于如何编写完整的代码。问题是如何做出这样的滚动行为

上面的菜单应该是固定的。当菜单到达div2 时，div2 开始滚动。当div2结束后，恢复正常交互。

【问题讨论】：

【解决方案1】：

试试看

style="overflow-y: hidden" //at page level

style="overflow-y: scroll" //at main div

【讨论】：

【解决方案2】：

我不完全清楚您图表的左右部分是否是元素，或者这只是浏览器的大小超出了您网站的宽度？

假设是后者，在这种情况下，它实际上比您预期的要简单。

您不需要修复所有问题并只滚动一个 div 元素，这将需要一些 JS，在这种情况下您实际上根本不需要。

相反 - 只需将其视为页面仍像往常一样滚动，不会干扰滚动交互，但您可以在 CSS 中使用 position: fixed; 修复顶部的菜单 div。

其他 div 元素应该自动向后滚动，但如果由于您的实际代码而由于某种原因它们没有滚动，那么您可以使用 z-index 强制前面的菜单 -不过最好避免这种情况，因为很快就会变得难以维护或添加。

如果您确实只想滚动 div - div1 与 div2 分开说 - 那么您可以笨拙地使用 iframe 来解决这个问题。毫无疑问，有更好的 JS 解决方案，但我的 JSavy 不足以提供它。

【讨论】：