滚动div而不是页面

Question

我怎么能做那样的事情？ 问题不在于如何制作完整的代码。 问题是关于如何进行这样的滚动行为  

滚动页面。 上部菜单已修复。当菜单达到div2 div2开始滚动。当div2完成时，恢复正常的交互。

Answer 1

尝试

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

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

Answer 2

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

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

您不需要修复所有内容并仅滚动div元素，这需要一些JS，在这种情况下您根本不需要它。

相反 - 只需将其视为页面仍然像往常一样滚动，没有搞乱滚动互动，但是你在CSS中用div修复了顶部的菜单position: fixed;。

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

如果您确实只想从div单独滚动div1 - div2说 - 那么您可以匆匆地解决这个问题，每个iframe。毫无疑问，这是一个更好的JS解决方案，但我不足以提供它。