javascript - Tiny Scroll bar : スクロール バーが表示されない

Question

Tiny Scrollbarを使用しています。

横スクロールを実現したい。見た目の例#scrollbar2

そのコードはhereです。

マークアップ コードは以下にあります。

<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' });
   });

ブラウザ コンソールにエラーは表示されませんが、小さなスクロールバーも表示されません。

これを達成したいこと

前もって感謝します。