javascript - 时间线JS : Change height of navigation bar?

Question

我正在使用插件 TimelineJS http://timeline.verite.co并且我在尝试找到确定导航 slider 高度的 div 和 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 行，添加属性 ma​​x-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) 部分替换为:

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 帮了我很多! ;-)