js中scrollIntoView第一次不生效，第二次生效

作者：我家自动化 | 2024-07-15 21:34:08

踩

scrollIntoView 方法用于将元素滚动到可视区域。如果在页面加载后立即使用，可能不会生效，因为页面可能还没有完全渲染或者加载完成。
如果是因为元素还没有完全渲染完成，可以在 requestAnimationFrame 中调用 scrollIntoView。

requestAnimationFrame(() => {
  var element = document.getElementById('my-element');
  element.scrollIntoView({
          behavior: 'smooth',
          block: 'start'
  });
});
1
2
3
4
5
6
7

关键是确保在页面完全加载和渲染之后再调用 scrollIntoView。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家自动化/article/detail/831034