【问题标题】:React Router: How to link back to scroll position of previous pageReact Router:如何链接回上一页的滚动位置
【发布时间】:2018-05-01 08:24:57
【问题描述】:

对充满图像缩略图的页面(可垂直滚动)进行成像。单击缩略图时,图像会全屏打开。 它有一个<Link />,可以返回缩略图页面。目前这导致缩略图页面的顶部。

我怎样才能链接到最后一个滚动位置?

【问题讨论】:

    标签: reactjs react-router react-router-v4 react-router-dom


    【解决方案1】:

    既然你知道你刚刚显示的是哪个缩略图,你可以在它们上设置一个id,当你点击返回缩略图页面时,你可以让页面滚动到最后显示的id/图像的位置。

    【讨论】:

    • 感谢您的提示!我现在在 componentDidUpdate() 中使用 document.getElementById(id).scrollIntoView()。棘手的是,我必须使用 setTimeout() 来延迟调用,否则它不会滚动。
    猜你喜欢
    • 1970-01-01
    • 2022-08-06
    • 2021-08-27
    • 2022-01-13
    • 2022-01-15
    • 1970-01-01
    • 1970-01-01
    • 2016-02-20
    • 2019-07-16
    相关资源
    最近更新 更多