Jquery Jscrollpane没有正确重新初始化 - 底部部分被slideToggle截断

时间:2012-06-27 16:29:19

标签: jquery jscrollpane slidetoggle jquery-jscrollpane

我创建了一个错误的模型:

Example

请忽略此页面的美丽! 如果向下滚动到底部结果:“28。Diamond House” 然后单击“更多详细信息”,隐藏的选项卡结构将显示有关场地的更多详细信息。

您会注意到此标签的底部已被切断。

如果您尝试单击“更多详细信息”,然后单击“隐藏详细信息”到场地(“27。Old Rectory”),您会注意到此滚动窗格底部有一个巨大的间隙。

我原本以为api.reinitalise()就可以了。 已经花了整整2天试图解决这个问题,但是在砖墙之后撞到了砖墙。

如果有人可以看看我做错了什么,我将非常感激。

谢谢!

1 个答案:

答案 0 :(得分:2)

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

然后在jScrollPane中使用auto-reinit选项。手动使用api的问题。重新初始化,是你必须在动画发生后调用它,这可能不太可靠,并且可能显得很奇怪。

http://jsfiddle.net/zqEph/

<强>更新

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