React监听滚动条事件——页面跳转后返回当前滚动条位置

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React监听滚动条事件——页面跳转后返回当前滚动条位置相关的知识,希望对你有一定的参考价值。

参考技术A 实现一个需求,当页面跳转到另一个页面时,使用 react-router 跳转回原页面,滚动条需要停留在原有位置。滚动条所在元素是antd中layout部分,ref半天取不到dom元素,索性直接用id取得dom元素。

vue2.0跳转后页面滚动条BUG

    export default {
        watch:{
            ‘$route‘:function(to,from){
                document.body.scrollTop = ‘0‘;
            }
        }
    }

 

以上是关于React监听滚动条事件——页面跳转后返回当前滚动条位置的主要内容,如果未能解决你的问题,请参考以下文章

js实现跳转后滚动条位置不变,高分求助大神

解决vue-router跳转后元素内嵌滚动条自动回到顶部的问题。

vue2.0跳转后页面滚动条BUG

如何用js监听滚动条滚动事件

节流函数与页面滚动处理的一些方式

解决vue单页路由跳转后scrollTop的问题