2012-08-14 137 views
3

Im使用插件TimelineJS http://timeline.verite.co和Im有很大的困難,試圖找到決定導航滑塊高度的div和sss - FireBug之類的東西只是沒有幫助。只是想知道這個機會有沒有達到過呢?TimelineJS:更改導航欄的高度?

enter image description here

+0

你能舉一個活生生的例子嗎? – Luis 2012-08-14 02:40:33

+0

繼承人我正在工作的那一刻(CSS是一半配置,所以請原諒混亂)http://www.clavecontraclave.com/hometimeline.html – MeltingDog 2012-08-14 03:37:07

回答

7

好了,你必須改變一些CSS屬性和一些JS代碼:
你必須改變

timeline.css
- .vmm-時間表的.navigation(線151 ,更改屬性:高度
- .vmm-timeline .navigation .timenav .time(line 212,更改頂部
- .vmm-時間表的.navigation .timenav。內容.era(線205,添加屬性最大高度
- .vmm-時間表的.navigation .timenav背景(線155,更改高度
- .vmm-時間軸的.navigation .timenav背景.timenav間隔背景(線155,更改頂部
- .vmm-timelin Ë的.navigation .timenav。內容.marker .DOT(線171 更改頂部

時間表-min.js
在這裏,我只是找到了一個辦法,你必須硬編碼風格!
那麼,有一個值,例如navheight
navheight是你的.navigation零下50 PX
的高度,在我的例子了50!

所以在第32行的一些代碼那裏矗立着

}else{VMM.Lib.stop(w.flag);VMM.Lib.css(w.flag,"top",S)}I.start_page&&a[m].type=="start"&&VMM.Lib.visible(w.marker,!1); 

你有更換VMM.Lib.css(w.flag,"top",S) -part:

if(S>50){VMM.Lib.css(w.flag,"top","50px")}else{VMM.Lib.css(w.flag,"top",S)} 

或(未測試)

if(S>navheight){VMM.Lib.css(w.flag,"top",navheight + "px")}else{VMM.Lib.css(w.flag,"top",S)} 

我希望這就是它! Err ..和:FireBug幫助了我很多! ;-)

+0

哇!徹底!謝謝 – MeltingDog 2012-08-14 04:49:09

+0

嗯似乎工作正常只有在FF – MeltingDog 2012-08-14 05:29:40