javascript - 微小的滚动条：滚动条没有出现

Question

我正在使用Tiny Scrollbar。

想实现水平滚动。看例子#scrollbar2

代码在这里。

标记代码如下。

<div class="wrapper wrapper-head" id="wrapper-head1" style="overflow-x: visible;">
   <div class="scrollbar disable" style="width: 1548px;">
      <div class="track" style="width: 1548px;">
         <div class="thumb" style="width: 1548px;">
              <div class="end">
              </div>
         </div>
      </div>
   </div>

   <div class="div-table table-header viewport" style="overflow-x: hidden;">
    <div class="div-table-row overview" style="overflow-x: visible; left:   0px;">
    <<<<<< Content >>>>>>>
    </div>
  </div>

JS代码如下

$(document).ready(function(){
        $("div.wrapper-head div.table-header").addClass("viewport").css('overflow-x','hidden');
        $("div.wrapper-head  div.div-table-row").addClass('overview').css('overflow-x','visible');
        $("div.wrapper-head").css('overflow-x','visible'); 

        scrollHtml = '<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>';

        $("div.wrapper-head").prepend(scrollHtml);
        $("div.wrapper-head").tinyscrollbar({ axis: 'x' });
   });

我在浏览器控制台中没有收到任何错误，但我也没有收到很小的滚动条。

我想要实现的目标

提前致谢。