檢查時的javascript滾動到頁面底部

Question

有人可以幫忙嗎，我目前正在使用 javascript 在復選框被選中時顯示隱藏的 div，我還希望它在顯示 div 后自動向下滾動頁面以使 div 成為焦點，目前它不是做任何事情，我希望它向下滾動一定的百分比，比如 5% 或其他東西以使 div 聚焦在頁面上，有人可以告訴我如何做到這一點嗎？

javascript:

    <script>
      function showMore(more) {
          document.getElementById("content3").style.display = more.checked ? "block" : "none";
document.body.scrollBottom = document.documentElement.scrollBottom = 10%;
      }
    </script>

html：

<input type="checkbox" id="tick2" class="tick2" name="tick2" value="0" onClick="showMore(this);" />

Answer 1

使用window.scrollTo(0,document.body.scrollHeight); 滾動到頁面底部。

如果要滾動到底部 10%，則需要將屏幕高度遠離頁面高度。

window.scrollTo(0,((document.body.scrollHeight - window.innerHeight) / 100) * 90); 應該這樣做，其中“90”是您要向下滾動到的頁面的百分比。