创建3个可滚动的网格

我试图实现一个网页，就像我张贴的样机。我试图寻找一些jQuery库，可以帮助我实现这一任务，但尚未找到任何。创建3个可滚动的网格

这个想法是让三个独立的可滚动网格，所有三个应该占据整个浏览器屏幕，并且标题栏应该能够保持文本在中心。

任何帮助，将我放在正确的方向将是一个很大的帮助。

Sample Mockup

2012-12-21 Jonathan

您可以使用此jQuery插件：http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html – karacas

我已经看到了这一点很好，但它不与互联网合作探险家 – Jonathan

我在ie7和ie8中测试和工作：http://fiddle.jshell.net/TFJLd/3/show/ – karacas

演示中的jsfiddle：http://goo.gl/hG9CV

2012-12-21 20:36:10 karacas

[this]（http://jsfiddle.net/3vdS3/1/）是我结束了使用。但我不知道他们之间为什么有一个空间之间的空间。我无法弄清楚如何修复它 – Jonathan

它是一个引导填充，尝试.row-fluid [class * =“span”] {margin-left：0％！重要;}/http://jsfiddle.net/3vdS3/5/ – karacas

使用引导自定义：http://twitter.github.com/bootstrap/customize.html和@gridGutterWidth在0 – karacas

你并不真的需要做到这一点使用jQuery，简单的CSS会的工作，只是使用position:fixed定位divs和overflow:scroll来创建可滚动的元素。

查看示例fiddle

2012-12-21 20:36:42 Amyth

回答