javascript - TimelineJS：更改导航栏的高度？

Question

我使用插件 TimelineJS http://timeline.verite.co并且我在尝试找到决定导航滑块高度的 div 和 css 时遇到了很大的困难 - FireBug 之类的只是没有帮助。只是想知道以前有没有人实现过这个机会？

Answer 1

好吧，您必须更改一些 css 属性和一些 JS 代码：
您必须更改

timeline.css
- .vmm-timeline .navigation（第 151 行，更改属性：height）
- .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类的高度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 帮了我很多忙！;-)