我正在使用插件 TimelineJS http://timeline.verite.co并且我在尝试找到确定导航 slider 高度的 div 和 css 时遇到了很大的困难 - FireBug 等只是无济于事。只是想知道以前是否有人做到过这一点?
最佳答案
嗯,你必须更改一些 css 属性和一些 JS 代码:
你必须改变
timeline.css
- .vmm-timeline .navigation(第 151 行,更改 属性:高度)
- .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 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 帮了我很多! ;-)
关于javascript - 时间线JS : Change height of navigation bar?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11944871/