从整个文档控制内部容器滚动

Question

实现这种效果的最佳方法是什么？滚动文档的任何部分都应该滚动内部容器。

在此演示中，所有顶级组件都具有position: fixed，其中包含硬编码的位置和宽度。似乎相当不灵活。

我们可以有一个常规（非position: fixed）布局，在顶级容器上侦听滚动事件并触发内部容器上的事件。这需要保持外部滚动条同步并且看起来容易出错。

考虑这个问题的最佳方法是什么？

Answer 1

我认为最好在inner container上滚动滚动而不是whole document，例如，您的页面很长或很长，与内部容器滚动整个文档会发生冲突，除非您的页面是适合浏览器窗口 - 不需要滚动，那么你可以使用内部滚动。

我坚持整篇文档滚动这里是一个关于jsfiddle的例子http://jsfiddle.net/NGLN/qndjW/6/