Jquery Jscrollpane 未正确重新初始化 - 底部部分被 SlideToggle 截断

Question

我创建了错误的模型:

Example

请忽略这个页面的美丽!如果向下滚动到底部结果:“28. Diamond House”然后单击“更多详细信息”，隐藏的选项卡结构将出现，提供有关 field 的更多详细信息。

您会注意到该选项卡的底部被切掉了。

如果您随后尝试单击“更多详细信息”，然后单击“隐藏详细信息”以查看相关地点(“27. 老教区长”)，您会注意到此滚动 Pane 底部有一个巨大的间隙。

我本以为 api.reinitalise() 可以解决问题。我花了整整两天的时间尝试解决这个问题，但一直碰壁。

如果有人能看一下并告诉我我做错了什么，我将非常感激。

谢谢!

Answer 1

首先，您需要等待页面加载，因为其中有图像。如果不这样做，jscrollpane 将无法访问 div 的真实原始高度。

然后使用 jScrollPane 中的自动重新初始化选项。手动使用api的问题。 reinitialize 的一个缺点是您必须在动画发生后调用它，这可能不太可靠并且可能会出现奇怪的行为。

http://jsfiddle.net/zqEph/

更新

这是 api.reinitalise() http://jsfiddle.net/zqEph/1/