полоса прокрутки, показывающая другой контент

Question

Я работаю над меню вкладок, поэтому у меня есть 2 содержимого, которые отображают таблицу с полосой прокрутки . моя проблема заключается в том, что при переключении на другое содержимое прокрутка из другого содержимого сохраняется.

надеюсь, вы поможете мне спасибо.

КОД ОБРАЗЦА

$('tbody').niceScroll({autohidemode: false});
$('.table:first-child').show();
$('.side ul li').click(function(){
  $(this).addClass('active').siblings().removeClass('active');
  var index = $(this).index() + 1;

  $('.container .table:nth-child('+ index +')').show().siblings().hide();
});

Answer 1

Запуск resize на объекте nicescroll, кажется, работает:

$('tbody').niceScroll({autohidemode: false});
$('.table:first-child').show();
$('.side ul li').click(function(){
  $(this).addClass('active').siblings().removeClass('active');
  var index = $(this).index() + 1;

  $('.container .table:nth-child('+ index +')').show().siblings().hide();

  $('tbody').getNiceScroll().resize();
});

Пример.