jquery - NiceScroll，当div改变大小时需要自动调整大小

Question

我有<article>标签，其中包含大量文本，通常在旁边显示 jquery NiceScroll，但如果它包含可以更改 <article> 高度的元素(某些可折叠元素) tag 和 NiceScroll 不想重新加载。

我的代码:

<article class="item">
  <div class="reference">some text</div>
  <a href="#long-2" data-toggle="collapse" class="reference-long arr_down"></a>
  <div id="long-2" class="collapse">some text</div>
</div>

如果我点击a ，article变得更大，但我需要重新加载漂亮的滚动，当折叠的项目再次关闭时，我需要做同样的事情。

jquery，它有时可以工作，但在 Safari 浏览器中不起作用:

$(document).ready(
function() {
$("article").niceScroll({cursorcolor:"#fff",autohidemode:false, zindex: 999});
}
);
$(function() {  
$('.reference-long').click(function(){
    $("article").getNiceScroll().remove();
    $("article").niceScroll({cursorcolor:"#fff",autohidemode:false, zindex: 999});
  });
});

Answer 1

使用resize()函数而不是remove()

$("article").getNiceScroll().resize();