使用两个滚动内容区域为moviepilot.com创建类似的主页布局?

时间:2012-08-01 03:19:05

标签: jquery css layout html graphic

如何为http://moviepilot.com/创建类似的布局。我最感兴趣的是他们如何创建两个滚动内容区域。我能用jquery开发这个吗?或者有更简单的方法吗?

谢谢

3 个答案:

答案 0 :(得分:2)

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

他们是如何做到的。

左边是“位置:固定;”到屏幕。因此,当您“滚动页面”时,右侧会滚动,左侧部分仍然不会滚动。

当您向左滚动时,页面保持不变,只是滚动了div,然后右侧部​​分不会滚动。

答案 1 :(得分:0)

您可以尝试使用overflow:auto;

此外,您还应该使用position属性。 背景图像是固定的,这就是为什么右侧滚动, 无论如何,只有使用css才能完成所有这些事情。

尝试此链接overflow

position property

答案 2 :(得分:0)

它们只创建一个滚动区域,其他是默认滚动:)如何创建滚动区域?魔法在overflow: auto。给一些容器固定位置,overflow: auto;然后你去。 DEMO