scrollIntoView可以使用表单提交 - >页面刷新?

时间:2017-07-28 21:33:09

标签: javascript html css js-scrollintoview

编辑:我将#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);
};

1 个答案:

答案 0 :(得分:0)

您可以使用

Element.scrollIntoView()

使元素可见。此外,当您刷新页面时,您可以在html中添加锚标记,并在网址中使用它:

myserver.com/my_page.htm#my_position_in_page