微小的滚动条:滚动条没有出现

时间:2015-03-16 12:02:41

标签: javascript jquery horizontal-scrolling tinyscrollbar

我正在使用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' });
   });

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

我想要实现的目标

enter image description here

提前感谢。

0 个答案:

没有答案