Element.scrollIntoView在Chrome中超时之外无效

时间:2017-09-15 23:27:06

标签: javascript google-chrome js-scrollintoview

使用scrollIntoView我有一个非常奇怪的问题。在和Safari和Chrome中,当我打开新窗口或标签时,代码可以正常工作,但是当我按下Refresh按钮时,代码无效。在Firefox中它始终有效。当我使用setTimeout()时,Refresh按钮会触发所有浏览器中的滚动:

setTimeout( function () {scrollToSelection();}, 1);

scrollToSelection = function() {
  var element = document.querySelector('p');
  element.scrollIntoView();
};
p {
  margin-top: 1000px;
}
<!DOCTYPE html>
<html>

<head></head>

<body onload="scrollToSelection()">
  <p>Some text to see
  </p>
</body>

</html>

任何可能导致此问题的想法?

0 个答案:

没有答案