如何在tinyscrollbar中保留滚动位置

时间:2013-10-21 20:38:23

标签: scroll scrolltop tinyscrollbar

使用tinyscrollbar jquery插件结合jquery overlay。我想保留可滚动容器内的滚动位置,这样当我关闭叠加层时,我会返回滚动位置。由于使用任意数量的容器名称或窗口的scrolltop属性,如何执行此操作的任何想法都不起作用。

1 个答案:

答案 0 :(得分:3)

我发现了如何做到这一点。

在我的情况下,我有一个图像网格,当点击时,会调用jquery叠加层。在overlay函数的onBeforeLoad部分,我使用下面的代码用当前位置填充全局声明的变量scrollposition:

scrollposition = Math.abs($('.overview').position().top);

请注意,我取这个位置的绝对值,因为tinyscrollbar使用从顶部开始的负偏移来移动概览并且不在视线范围内。

然后,在覆盖函数的onBeforeClose中,我调用了tinyscrollbar_update方法,通过将其滚动到位来设置可滚动区域的位置:

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

就是这样!