主页 / 问题 / 1151665
Accepted
Денис Беспалов
Asked:2020-07-11 23:06:34 +0000 UTC2020-07-11 23:06:34 +0000 UTC

如何在过渡时将页面滚动到元素？（反应）

  • 772

我正在使用 React-router-dom。

当您进入产品页面时，页面滚动到产品的标题是必要的。常规锚点在 React 中不起作用，设置特定的滚动编号对我不起作用。设计是响应式的。

如何解决这个问题？

reactjs

1 个回答

  1. Best Answer

    找到了解决方案：

    this.myRef = React.createRef(); //Создаём реф

    接下来，将 ref 分配给所需的元素

    <div ref={this.myRef}>Элемент</div>

    创建滚动功能

    this.scrollToMyRef = () => {window.scrollTo(0, this.myRef.current.scrollHeight)

    通过 setTimeout 调用

    setTimeout(this.scrollToMyRef, 1000);

    有必要通过 调用它setTimout，这样只有在页面的所有元素都已加载并且有滚动的位置时才会调用滚动。

    • 1

相关问题