React 路由跳转后回到页面顶部

React 路由跳转后回到页面顶部

在 React 组件间进行页面跳转后,发现页面的位置并不在页面顶部,而是在页面跳转前的位置。就是说浏览器的滚动条并没有回到顶部的位置。

class MyComponent extends Component {
        
componentDidMount() {
this.node.scrollIntoView();
}
render() {
return <div ref={node => this.node = node} />
}
}

如何还不行就强行:
componentWillMount(){
  
document.getElementById('App').scrollIntoView(true);//为ture返回顶部,false为底部
}

转载于:https://www.cnblogs.com/yuan-luo/p/9041124.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/101661.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • mongo DB的一般操作

    mongo DB的一般操作

    2021年11月26日
    43
  • html网页设计作业成品(用css和div制作网站)

    话不多说,直接上效果图:历史介绍行政区划:地理环境著名景点:美食小吃工艺品联系我们部分项目结构老师要求的十几个页面20几张图片以及一些跳转,使用div+css布局也基本上都有了。然后代码也有注释。也能够容易看得懂部分代码偷个懒,就用notepad打开。不用H-build打开了。哈哈哈另外有同学要是需要源码的话可以联系我呀。大家加油!奥利给!…

    2022年4月11日
    94
  • 计算机科学与技术现状分析_信息科学与计算机科学的区别

    计算机科学与技术现状分析_信息科学与计算机科学的区别摘要:在这个科技突飞猛进发展的时代,计算机网络已经家喻户晓,在日常生活中也起着不可忽视的作用,计算机的发展提高了人们的生活质量,加快了信息的传播,现如今,各个国家都比较重视计算机科学与技术的发展,使计算机科学与技术在全国综合国力竞争的作用逐渐加大。对于这种情况,加快计算机科学与技术的发展,不但有利于人们更快捷地了解如今的发展趋势和历史,且还推动计算机科学与技术的进步,方便人们的生活。本文首先阐述了…

    2022年10月20日
    3
  • app测试用什么工具(目前软件测试工具)

    UI自动化测试工具1.uiautomator2 Github地址:https://github.com/openatx/uiautomator2 star:1.9k 介绍:openatx开源的ui自动化工具,支持android和ios。主要面向的编程语言是python,api设计简洁易用,在开源社区也是很受欢迎。 原理图: 与appium…

    2022年4月11日
    62
  • setContentView剖析[通俗易懂]

    setContentView剖析[通俗易懂]1、setContentView的作用是将View加载到根view之上,这样当显示view时,先显示根view,然后在显示子view,以此类推,最终将所有view显示出来。2、setContentView必须要放在findviewbyid之前,因为view在加载之前是无法引用的。3、setContentView最本质的作用是为要显示的view分配内存。4、act

    2022年6月26日
    32
  • centos镜像下载,镜像站使用

    centos镜像下载,镜像站使用通常Linux发行版都有自己的官网。不过下载速度快慢不一。可以选择镜像站下载:https://mirrors.tuna.tsinghua.edu.cn/清华https://mirrors.ustc.edu.cn/中科大还有阿里云镜像站例如:需要下载centos6.1首先访问清华镜像,找到centos找到6.10后,发现只有一个readme文件,下载打开查看,是说已…

    2022年5月13日
    43

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号