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