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”是您要向下滚动到的网页的百分比。

检查时的javascript滚动到页面底部

1 个答案: