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)
上一篇 2021年5月28日 上午11:00
下一篇 2021年5月28日 下午12:00


相关推荐

  • Npoi操作excel

    Npoi操作excel

    2021年8月20日
    70
  • Java面试知识点汇总

    Java面试知识点汇总为了找到心仪的工作而努力吧最近在刷各种面经 把学会的知识点汇总一下以便查漏补缺 未完待续

    2026年3月17日
    2
  • 回滚 rollback

    回滚 rollback为了保证在应用程序 数据库或系统出现错误后 数据库能够被还原 以保证数据库的完整性 所以需要进行回滚 回滚 rollback 就是在事务提交之前将数据库数据恢复到事务修改之前数据库数据状态 例如 用户 A 给用户 B 转账 在数据库中就需要给 A 与 B 的账户信息进行修改 update 操作 而这两条 sql 语句必须都执行或者都不执行 例如先执行用户 B 的修改 update 语句 使用户 B 的账户金额增加了 1

    2026年3月18日
    2
  • Java Bean 简介及其应用

    Java Bean 简介及其应用Bean的中文含义是“豆子”,顾名思义JavaBean是一段Java小程序。JavaBean实际上是指一种特殊的Java类,它通常用来实现一些比较常用的简单功能,并可以很容易的被重用或者是插入其他应用程序中去。所有遵循一定编程原则的Java类都可以被称作JavaBean。 一.JavaBean技术概述       JavaBean是基于Java的组件模型,由属性、方法和事件3部

    2022年7月8日
    24
  • 用深度强化学习玩FlappyBird

    用深度强化学习玩FlappyBird摘要 学习玩游戏一直是当今 AI 研究的热门话题之一 使用博弈论 搜索算法来解决这些问题需要特别地进行周密的特性定义 使得其扩展性不强 使用深度学习算法训练的卷积神经网络模型 CNN 自提出以来在图像处理领域的多个大规模识别任务上取得了令人瞩目的成绩 本文是要开发一个一般的框架来学习特定游戏的特性并解决这个问题 其应用的项目是受欢迎的手机游戏 FlappyBird 控制游戏中的小鸟穿过一堆障碍物

    2026年3月19日
    2
  • 科学网-零基础也能“养龙虾”?AI新风口-阎影的博文

    科学网-零基础也能“养龙虾”?AI新风口-阎影的博文

    2026年3月12日
    3

发表回复

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

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