时间戳

首页 > 解决方案 > 元素出现后如何滚动到底部（使用react-slidedown）

javascript - 元素出现后如何滚动到底部（使用react-slidedown）

问题描述

我敢肯定，这是一个新手问题，但我无法弄清楚。

我有一个 optin 表单，我在单击链接时会显示该表单。显示是使用react-slidedown完成的。

我遇到的问题是，如果它位于页面底部，则看不到向下滑动的表单-您必须向下滚动才能看到它。表单向下滑动后如何自动滚动到页面底部？

这是代码框（滚动到底部的链接）

在过去的两个小时里，我一直在处理这个问题，但还没有成功。

（注意：我对反应很陌生。）

标签： javascriptreactjs

解决方案

将以下内容添加到您的函数“handleToggle”中：

  setTimeout(() => {
    window.scrollTo(0, document.body.scrollHeight);
  }, 100);

由于状态和渲染的更新需要一些时间，我们将scrollTo函数延迟 100 毫秒

它应该给你你正在寻找的效果......在这里分叉的代码和框

推荐阅读