我正在使用react-router v4创建一个网站,以在视图之间导航。因此我的布局具有导航和页脚,请使用“切换”切换不同的视图。
我已经添加了scrollToTop函数以使其在不同视图之间滚动到顶部。我从这里https://reacttraining.com/react-router/web/guides/scroll-restoration开始使用该函数
假设我有“家庭”和“解决方案”视图。问题在于,在“解决方案”视图中,我添加了另一个Switch(子路由),因此路径将像这样http://localhost:3000/solution/solution1。
因此,现在单击“解决方案”页面中的子路由时,页面滚动到顶部,这很有意义,因为布局由ScrollToTop函数包装。但这是一个切换选项卡,我不希望它滚动到顶部,我希望它保持不变。
我尝试使用ScrollToTopOnMount,但没有成功。
任何想法如何实现这一目标?预先感谢。