与jscrollPane和animate冲突

Question

我在通过jquery animate函数显示的div上使用jscollPane。

animate函数似乎导致与jscrollpane脚本发生冲突，因此滚动条不会显示。

以下是一个示例页面，用于演示：http://mikesewell.net/dev/scrollpane/

使用display：none隐藏div #text;使用此功能显示：

$(".bio-button").hover(function() {
        $(this).next("#text").animate({opacity: "show"}, "slow");
    }

如果我不隐藏#text jscrollPane工作正常，但如果使用此功能进行动画处理会阻止滚动条显示。

任何建议都会受到极大的赞赏。谢谢！

Answer 1

而不是：

 $(this).next("#text").animate({opacity: "show"}, "slow");

试试这个：

$('#text').fadeIn('slow');

只应该有一个带id="text"的div，所以不需要遍历DOM来找到它。

另外，根据JQuery Docs：

  

与.slideDown（）和.fadeIn（）等速记动画方法不同，   .animate（）方法不会将隐藏元素作为其中的一部分显示   效果。