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行，添加属性 最大高度）
  - .vmm-timeline .navigation .timenav-background（第155行，更改 身高）
  - .vmm-timeline .navigation .timenav-background .timenav-interval-background（第155行，更改 顶部）
  - .vmm-timeline .navigation .timenav .content .marker .dot（第171行，更改 顶部）

<强>时间轴的min.js
在这里，我发现了一种必须硬编码风格的方法！ 嗯，有一个值，例如 navheight
navheight 是 .navigation 类 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帮了我很多！ ; - ）