javascript - 使 tinyscrollbar 与不断变化的动画内容一起工作

Question

I'm using tinyscrollbar显示一个漂亮的滚动条。

我的部分内容是隐藏的 (display:none)，只有在单击按钮后才会在 slideDown()/slideToggle() 中显示 动画。

当我显示额外的内容时，滚动条没有更新，部分内容现在无法访问。有没有随着动画平滑更新的解决方案？

仅供引用，这是一个非平滑的解决方案(只需在动画结束后再次调用 .tinyscrollbar()):

$(".toggler").slideToggle().promise().then(function(){
  $("#scrollbar").tinyscrollbar()
});

Answer 1

使用tinyscrollbar_update() 方法。这比再次初始化滚动条要干净得多。

$(".toggler").slideToggle().promise().then(function(){
  $('#scrollbar').tinyscrollbar_update();
});