templates/view-scroll.html

   1 {% extends 'layout-myslice.html' %}
   2
   3 {% block content_main %}
   4
   5 {% insert_str prelude "css/sample.css" %}
   6
   7 <!--<div id='scrolls' data-spy="scroll" data-target=".foo">-->
   8 <div id='scrollDiv1'> scroll1 area {{ lorem }} {{ lorem }} {{ lorem }} </div>
   9 <div id='scrollDiv2'> scroll2 area {{ lorem }} {{ lorem }} </div>
  10 <div id='scrollDiv3'> scroll3 area {{ lorem }}  </div>
  11 <div id='scrollDiv4'> scroll4 area {{ lorem }} {{ lorem }} {{ lorem }} </div>
  12 <!--</div>-->
  13 {% endblock content_main %}
  14
  15 {% block content_related %}
  16 <div class="foo">
  17 <ul class="nav nav-tabs nav-stacked">
  18   <li><a href="#scrollDiv1" data-toggle="tab"><!--<i class="icon-chevron-right"/>--> scroll1 </a></li>
  19   <li><a href="#scrollDiv2" data-toggle="tab"> scroll2 </a></li>
  20   <li><a href="#scrollDiv3" data-toggle="tab"> scroll3 </a></li>
  21   <li><a href="#scrollDiv4" data-toggle="tab"> scroll4 </a></li>
  22 </ul>
  23 </div>
  24 {% endblock content_related %}