2012-12-21 61 views
1

我試圖實現一個網頁,就像我張貼的樣機。我試圖尋找一些jQuery庫,可以幫助我實現這一任務,但尚未找到任何。創建3個可滾動的網格

這個想法是讓三個獨立的可滾動網格,所有三個應該佔據整個瀏覽器屏幕,並且標題欄應該能夠保持文本在中心。

任何幫助,將我放在正確的方向將是一個很大的幫助。

Sample Mockup

+0

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

+0

我已經看到了這一點很好,但它不與互聯網合作探險家 – Jonathan

+0

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

回答

0

嘗試用這個插件:JScrollPane的/ http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

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

+0

[this](http://jsfiddle.net/3vdS3/1/)是我結束了使用。但我不知道他們之間爲什麼有一個空間之間的空間。我無法弄清楚如何修復它 – Jonathan

+0

它是一個引導填充,嘗試.row-fluid [class * =「span」] {margin-left:0%!重要;}/http://jsfiddle.net/3vdS3/5/ – karacas

+0

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

0

你並不真的需要做到這一點使用jQuery,簡單的CSS會的工作,只是使用position:fixed定位divs和overflow:scroll來創建可滾動的元素。

查看示例fiddle