使tinyscrollbar适用于更改动画内容

时间:2012-05-02 09:19:23

标签: javascript jquery tinyscrollbar

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

我的部分内容已隐藏(display:none),仅在点击按钮后显示在slideDown() / slideToggle()动画中。

当我显示额外内容时,滚动条不会更新,部分内容现在无法访问。是否有一个可以通过动画顺利更新的解决方案?

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

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

2 个答案:

答案 0 :(得分:2)

使用tinyscrollbar_update()方法。那就更清洁,然后再次初始化滚动条。

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

答案 1 :(得分:0)

也许使用'亲戚'

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

切换内容后无需动画滚动条。这个解决方案在我的问题上有所帮助。