元素出現后如何滾動到底部（使用react-slidedown）

Question

我敢肯定，這是一個新手問題，但我無法弄清楚。

我有一個 optin 表單，我會在單擊鏈接時顯示該表單。 顯示是使用react-slidedown完成的。

我遇到的問題是，如果它位於頁面底部，則看不到向下滑動的表單-您必須向下滾動才能看到它。 表單向下滑動后如何自動滾動到頁面底部？

這是代碼框（滾動到底部的鏈接）

在過去的兩個小時里，我一直在處理這個問題，但還沒有成功。

（注意：我對反應很陌生。）

Answer 1

將以下內容添加到您的 function“handleToggle”中：

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

由於 state 的更新和渲染需要一些時間，我們將滾動到scrollTo延遲 100 毫秒

它應該給你你正在尋找的效果...... 在這里分叉的代碼和框