创建一个与moviepilot.com类似的主页布局，带有两个滚动内容区域？

Question

我如何创建一个类似于http://moviepilot.com/的布局。我最感兴趣的是他们如何创建两个滚动内容区域。我能在jQuery中开发这个吗？还是有更简单的方法？

谢谢

Answer 1

你可以用overflow:auto;

尝试，你也应该也使用position属性。 背景图像是固定的，这就是为什么右侧滚动， 任何方式，你可以做所有这些事情只使用CSS。

尝试overflow

position property

Answer 2

他们只创建一个滚动区域这个链接，其他被默认滚动:)如何创建滚动区域？魔术在overflow: auto。给一些容器固定位置，然后overflow: auto;，你去了。 DEMO

Answer 3

http://jsfiddle.net/demchak_alex/9rVzF/3/

这里是他们是如何做到的。

左边是“position：fixed;”到屏幕上。所以当你“滚动页面”时，右侧滚动，左侧部分仍然看不到滚动。

当您在左侧滚动时，页面保持不变，只是该div滚动，然后右侧部​​分看起来不滚动。