时间戳

首页 > 解决方案 > reactjs 如何停止自动页面滚动？

javascript - reactjs 如何停止自动页面滚动？

问题描述

单击按钮后导航页面时，它会打开较低的位置，这使用户每次都向上滚动。这仅在移动版本中发生，并且在桌面版本中运行良好。

由于我是 React 和 UI 的新手，有人建议在链接标签中使用 tabindex = -1，但这不起作用。

<div className="Header__logo--mobile hidden-on-desktop">
      <Link to="/">
        <img src={HomeLogoImage} ref={div => (this.imageMobile = div)} />
        <img
          className="Header__logo--glitch"
          src={HomeLogoImageGlitch}
          ref={div => (this.imageGlitchMobile = div)}
        />
      </Link>
</div>

期望在页面打开时不向下滚动。我该如何做到这一点？

标签： javascripthtmlcssreactjs

解决方案

对于那些使用功能组件的人：-

useEffect(() => {
  window.scrollTo(0, 0)
}, [])

推荐阅读