页面切换后,滚动栏问题

项目场景:

提示:react项目antd后台管理系统


问题描述

  后台管理系统从a页面进入b页面,a页面有数据(有滚动条,且scollTop大于0),进入b页面后,滚动条不是位于初始位置(scollTop不等于0),b页面不是位于页面顶部

a页面,出现滚动条点击日志进入b页面


 b页面,这时b页面上面的搜索栏被滚动条拖到页面上面去了,并非页面初始状态

   使用window.scrollTo(0,0)以及网上其他的办法都没有用

原因分析:

  没有找对元素,这里不是针对window也不是document.body,这里的滚动条是项目中的组件元素产生的,所以网络上的解决方案都不适用,这里只要找对元素就行了


解决方案:

在b页面组件中找到元素将其scrollTop设置为0就行

document.getElementsByTagName('main')[0].scrollTop = 0;

猜你喜欢

转载自blog.csdn.net/qq_54455551/article/details/132269158