0

我已经尝试过 elvismdev 的代码http://stackoverflow.com/a/26643506/2209086和它的魅力，同样的代码正在尝试修改，但滚动条仍然重叠。

在我的结构中，选项卡窗格下有面板，面板下有表格响应 div，我想将滚动条应用于表格响应类

我的 html 是： http ://stackoverflow.com/a/26643506/2209086

每个具有不同表 ID 的选项卡的结构相同，我的 js 代码是：

$('body').on('click', '[data-toggle="tab"]', function() {
   $(".tab-pane .panel .table-responsive").getNiceScroll().hide();
   $($(this).attr('href')).find(".tab-pane .panel .table-responsive").niceScroll({
      cursorcolor: "#2f6098",
      cursorwidth: 10,
      cursoropacitymin: 0.7,
      autohidemode: "false"
   });
   $($(this).attr('href')).find(".tab-pane .panel .table-responsive").getNiceScroll().show();
})

对于第一个选项卡，它可以正常工作，但对于其他选项卡，它不能正常工作，当我检查所有滚动都是由插件创建但没有显示正确的选项卡滚动时，如果我在选项卡后调整窗口大小，单击它的工作就像魅力一样。

请帮助我哪里出错了。

4

1 回答 1

1

使用这个脚本......

<script>
    $('.bgs').niceScroll({
        background: '#bbb',
        cursorborder: '0',
        cursorwidth: '4px',
        horizrailenabled: false
     });

     $('.bgs').mouseover(function() {
         $('.bgs').getNiceScroll().resize();
     });
</script>
于 2018-06-04T12:35:00.717 回答