如何解决为什么将页面滚动到顶部在反应中不起作用?
我已经尝试了我在 stackOverflow 和 Github 社区上找到的所有内容,但我仍然找不到在呈现时将页面滚动到顶部的方法。在我最后的努力中,我添加了一个 ScrollTop 组件
import { useEffect } from "react";
import { withRouter } from "react-router-dom";
const ScrollToTop = ({ children,location: { pathname } }) => {
useEffect(() => {
window.scrollTo({
top: 0,left: 0,behavior: "smooth",});
},[pathname]);
return children || null;
};
export default withRouter(ScrollToTop);
然后我将它添加到 index.js 文件中
import ScrollToTop from "./components/ScrollTop";
ReactDOM.render(
<BrowserRouter>
<ScrollToTop>
<App />
</ScrollToTop>
</BrowserRouter>,document.getElementById("root")
);
谁能向我解释为什么这不起作用?
我还尝试在每个我想使用 window.scrollTo(0,0) 渲染的组件中使用 useEffect,但没有奏效。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。