react 刷新滚动回到顶部

最新推荐文章于 2024-08-23 09:48:28 发布

Jeffery Feng

最新推荐文章于 2024-08-23 09:48:28 发布

阅读量485

点赞数

文章标签： react.js javascript

本文链接：https://blog.csdn.net/weixin_45752063/article/details/130239357

版权

这段代码设置window.history.scrollRestoration为manual，阻止自动恢复滚动位置，并在切换路由时强制页面置顶。通过document.documentElement.scrollTop和document.body.scrollTop将滚动位置设为0，确保每次切换后页面顶部显示。

摘要由CSDN通过智能技术生成

                    
                        
                    
                    window.history.scrollRestoration = ‘manual’
window.scrollTo(0,0);
document.documentElement.scrollTop = 0;
  	if (document?.documentElement || document?.body) {
         document.documentElement.scrollTop = document.body.scrollTop = 0;  // 切换路由时手动置顶
         window.scrollTo(0,0);
         document.documentElement.scrollTop = 0;
         window.history.scrollRestoration = 'manual' 
       }
 

                