3

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

在此处输入图像描述

4

1 回答 1

7

好吧,您必须更改一些 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 帮了我很多忙!;-)

于 2012-08-14T04:36:06.080 回答