1

tinyscrollbarを使用して素敵なスクロールバーを表示しています。

コンテンツの一部が非表示 ( ) になっており、 /アニメーションdisplay:noneでボタンがクリックされた後にのみ表示されます。slideDown()slideToggle()

余分なコンテンツを表示すると、スクロールバーが更新されず、コンテンツの一部にアクセスできなくなります。アニメーションでスムーズに更新されるソリューションはありますか?

参考までに、これはスムーズではない解決策です（.tinyscrollbar()アニメーションが終了した後にもう一度呼び出すだけです）：

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

2 に答える 2

2

tinyscrollbar_update() メソッドを使用します。スクロールバーを再度初期化すると、はるかにクリーンになります。

$(".toggler").slideToggle().promise().then(function(){
  $('#scrollbar').tinyscrollbar_update();
});
于 2012-05-07T07:52:17.540 に答える
0

おそらく「相対」を使用します

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

コンテンツを切り替えた後にスクロールバーをアニメーション化する必要はありません。この解決策は私の問題に役立ちました。

于 2013-02-28T13:01:42.977 に答える