使用<link />保留滚动位置

时间:2019-01-16 09:10:29

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

使用React Router 4,可以创建一个按钮,该按钮导航到我的应用程序中的特定页面(在我的情况下为层次结构中的“上”),同时保留滚动位置 if 在浏览器的历史记录堆栈中?

这是两种情况:

  • 示例A

    1. Parent组件内,向下滚动并单击一个指向Child的链接。
    2. Child中,单击“后退”按钮。
    3. 这将返回到Parent,并保留先前的滚动位置。

history.goBack()可以进行以上操作)

  • 示例B

    1. 通过直接链接访问Child组件。 (即不存在历史记录)
    2. 点击“后退”按钮
    3. 这将导致Parent的页面滚动到顶部,因为不存在先前的滚动位置。

是否可以使用相同的按钮同时实现上述两种行为?

0 个答案:

没有答案