【问题标题】:Go back to N'th "page" of a page in Angular返回Angular中页面的第N个“页面”
【发布时间】:2015-07-23 03:22:50
【问题描述】:

有一个带有缩略图的页面。底部有一个“显示更多”按钮,可以加载更多缩略图。用户可以单击缩略图并将应用程序重定向到详细信息。当用户点击浏览器的“后退”时,我希望他能回到与以前相同的位置。如何在没有复杂路由的情况下实现这一点?

【问题讨论】:

    标签: angularjs position


    【解决方案1】:

    您可以使用angular-bootstrap-lightboxui-bootstrap pagination 实现类似的效果。两者都是 Angular 并使用公共资源

    编辑:

    您正在寻找类似于scroll-sneak 的内容,您希望在重定向到另一个页面时保存滚动位置,并在重定向回来时加载最后一个位置。

    因为我找不到任何 angular 指令可以这样做,你也可以

    1. 获取一个并将其包装在一个指令周围,其中大多数使用 jQuery
    2. 您可以自己制作。

    例如,您可以使用js定义一个队列数组并将其存储在localStorage/sessionStorage中,当您重定向“推送”当前页面位置到队列时,当您重定向回来时,“弹出”最后存储的位置。

    Maintain Scroll Position of large HTML page when client returns

    【讨论】:

    • 我不想在灯箱中打开详细信息页面。我希望它保持一个独立的页面。
    • 您的意思是只记住您在输入详细信息之前的滚动位置?
    • 没错,但是,在页面中的“子页面”位置(基本上,用户点击“显示更多”的次数)。
    • 尝试在 Facebook 上向下滚动并等待五次以加载某些内容。然后单击帖子的随机日期(转到详细信息页面)。然后回去。它会自动加载很多帖子,让您回到以前的位置。
    猜你喜欢
    • 1970-01-01
    • 2013-06-14
    • 2014-07-19
    • 2020-05-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多