westdc-zf1/application/default/views/scripts/data/timeline.phtml

<?php
$this->headTitle($this->config->title->site);
$this->headTitle($this->config->title->data);
$this->headTitle('时间轴导航');
$this->headTitle()->setSeparator(' - ');
$this->headLink()->appendStylesheet('/css/metadata.css');
$this->headScript()->appendFile('/js/timeline_var.js');
$this->headScript()->appendFile('/js/timeline_js/timeline-api.js?bundle=true');
$this->headScript()->appendFile('/js/time.js');
$this->nav[] = array('link'=>"/data/timeline",'title'=>'时间轴导航');
?>
<hr class="c-f">
<div class="container">
    <div class="row">
        <div class="col-lg-12">
            <?= $this->render('breadcrumbs.phtml'); ?>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <?= $this->partial('data/tools.phtml'); ?>
        </div>
    </div>
</div>
<hr class="c-f">

<div class="container">
    <div class="row">
        <div class="col-lg-12">
            <div id="tl" class="timeline-default" style="clear:left;height: 400px;"></div>
        </div>
    </div>
</div>

<script type="text/javascript" charset="utf-8">
$('#tl').height($(window).height());
$("html,body").animate({scrollTop:$('#tl').offset().top},600);
</script>