使微小的滚动条与不断变化的动画内容一起工作

Making tinyscrollbar work with changing, animating content

本文关键字：动画 变化 一起 工作 滚动条      更新时间：2023-09-26

我正在使用微小的滚动条来显示一个漂亮的滚动条。

我的部分内容被隐藏（display:none），并且仅在单击按钮后显示在slideDown()/slideToggle()动画中。

当我显示额外内容时，滚动条不会更新，并且部分内容现在无法访问。有没有可以随着动画顺利更新的解决方案？

仅供参考，这是一个非平滑的解决方案（只需在动画完成后再次调用.tinyscrollbar()）：

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

使用 tinyscrollbar_update（） 方法。然后再次初始化滚动条要干净得多。

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

也许使用"相对" 

$('#scrollbar').tinyscrollbar_update();

切换内容后，无需对滚动条进行动画处理。这个解决方案对我的问题有所帮助。

相关文章：