关于scrollIntoView和scrollIntoViewIfNeeded

Posted 2023-05-13

参考技术A 由于遇到了需要将指定元素滚动到页面中的需求。然后发现了H5有两个可以实现相应效果，但都有兼容性问题。图片如下。

参数可以为boolean或者options

规范

该方法pc端兼容性很差，基本排除使用的可能性。但移动端还是可以使用的。
参数:Boolean，默认为true。

scrollIntoView behavior smooth not work

关于 scrollIntoView 方法在 chrome version 78.0.3904.70（正式版本） （64 位）中不能正常工作的问题

当我同时使用  el.scrollIntoView({ block: ‘center‘, behavior: ‘smooth‘ })  

和

  document.querySelector(‘.someScrollElement‘).scrollTop = aNumber 的时候，scrollIntoView方法失效。对scrollTop的取值操作无影响，只有赋值操作不起作用。如果设置一个定时器，让它们错开时间，在大于某个时间间隔两者可以共同工作。

注意，el 和 someScrollElement 不是同一个东西

 

相关链接：https://github.com/iamdustan/smoothscroll/issues/28