创建3个可滚动网格

时间:2012-12-21 20:13:47

标签: javascript jquery html5 css3

我正在尝试实现一个网页,就像我发布的模型一样。我试着寻找一些可以帮助我完成这项任务的jquery库,但还没找到。

这个想法是制作三个独立的可滚动网格,这三个网格应该占据整个浏览器屏幕,标题栏应该能够在中心保存文本。

任何有助于我朝着正确方向前进的帮助都将是一个很大的帮助。

Sample Mockup

2 个答案:

答案 0 :(得分:0)

尝试使用此插件:jScrollPane / http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

jsfiddle演示:http://goo.gl/hG9CV

答案 1 :(得分:0)

你真的不需要使用jquery这样做,Simple CSS可以工作,只需使用position:fixed来定位div,overflow:scroll来创建可滚动元素。

查看示例fiddle