TimelineJS:改变导航栏的高度？

Question

我使用插件TimelineJS http://timeline.verite.co和我有很大的困难试图找到div(s)和css,确定导航滑块的高度 - FireBug等等只是没有帮助.只是想知道关闭机会有没有人实现过这个？

Answer 1

好吧,你必须改变一些css属性和一些JS代码:
你必须改变

timeline.css
- .vmm-timeline .navigation(第151行,更改属性:高度)
- .vmm-timeline .navigation .timenav .time(第212行,更改 顶部)
- .vmm-timeline .navigation .timenav .content .era (第205行,添加属性 max-height)
- .vmm-timeline .navigation .timenav-background(第155行,更改 高度)
- .vmm-timeline .navigation .timenav-background .timenav-interval-background(第155行,更改 顶部)
- .vmm-timeline .navigation .timenav .content .marker .dot(第171行,更改 顶部)

timeline-min.js
在这里,我发现了一种必须硬编码风格的方法!
嗯,有一个值,例如navheight
navheight是你的.navigation Class MINUS 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)}

我希望就是这样!呃..和:FireBug帮了我很多!;-)