Javascript 固定页脚覆盖焦点

Question

我有一个正在处理的网页，该网页底部有一个固定的页脚。

https://littlemouseproductions.blob.core.windows.net/example/Footer%20Example.PNG

当用户在字段中切换并将焦点设置在固定页脚下方的元素上时，页面不会向上滚动以显示焦点元素。有没有办法使用 javascript 自动滚动以确保焦点元素始终出现在页脚上方？

Answer 1

我认为您正在寻找 Element.scrollIntoView() 函数。

https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView

    function setFocusToElement () {
      var element = document.getElementById("yourelement");
      element.focus();
      element.scrollIntoView();
    }