【问题标题】:how to preserve scroll position in tinyscrollbar如何在tinyscrollbar中保留滚动位置
【发布时间】:2013-10-23 03:41:19
【问题描述】:

结合使用 tinyscrollbar jquery 插件和 jquery 覆盖。我想保留可滚动容器内的滚动位置,以便在关闭叠加层时返回滚动位置。由于使用了任意数量的容器名称或窗口的滚动顶部属性,因此有关如何执行此操作的任何想法都不起作用。

【问题讨论】:

    标签: scroll scrolltop tinyscrollbar


    【解决方案1】:

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

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

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

    请注意,我采用此位置的绝对值,因为 tinyscrollbar 使用从顶部的负偏移量将概览向上移动并移出视线。

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

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

    就是这样!

    【讨论】:

    • 我建议做 $('#yourscrollbar').find('.overview').position().top 因为你可能有多个滚动条,这在这种情况下不起作用。
    猜你喜欢
    • 1970-01-01
    • 2017-01-23
    • 1970-01-01
    • 2011-10-22
    • 1970-01-01
    • 2014-07-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多