可以通过表单提交 - >页面刷新来滚动进入视图？

Question

编辑：我得到了我想要的，将 #divname 添加到表单操作中。 很愚蠢，我没有早点尝试过

所以我想在按下提交按钮并且使用 JS 刷新页面时向下滚动我的页面。(或HTML CSS方法，如果有(

window.onload有一些答案，但这对我不起作用。(当我单击按钮然后再次刷新时，它可以工作，然后它会进入我的页面(

这是我现在的JS：

const scrollTo = () => {
window.onload = function() {
const $results = document.querySelector(`results`);
$results.scrollIntoView(true);
};
};
export default () => {
const $filterbutton = document.querySelector(`.filter_button`);
$filterbutton.addEventListener(`click`, scrollTo);
};

Answer 1

您可以使用

Element.scrollIntoView()

以使元素可见。此外，当您引用页面时，您可以在 html 中添加一个锚标记，并在 url 中使用它：

myserver.com/my_page.htm#my_position_in_page