为什么将页面滚动到顶部在反应中不起作用？

问题描述

我已经尝试了我在 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 (将#修改为@）