在Chrome上scrollIntoView无法与scrollLeft一起使用

Question

我正在使用scrollIntoView滚动到网站的特定部分。 但是，在其中一部分中，我使用scroll事件侦听器通过设置元素的scrollLeft创建视差效果来在页面垂直滚动时水平滚动内容。

滚动侦听器

document.addEventListener('scroll', (event) => {
  // ...
  const elem = document.getElementById('experienceContainer');
  elem.scrollLeft = leftValue;
});

滚动到该部分的按钮

<button onClick={() => {
  const doc = document.getElementById('bottom');
  doc.scrollIntoView({ behavior: 'smooth' });
}}>
  Scroll to bottom
</button>

这在移动和桌面浏览器上正常工作。它能够滚动到底部，并且视差效果正常。但是出于某些原因，它在台式机Chrome浏览器上不起作用。

有人知道为什么吗？