在IE-11中滚动ReactRes会在右侧显示额外的条

Question

我在IE-11中创建了一个ReactJS应用。我想以编程方式滚动到某个点。 一切正常，但是发生滚动时，右侧会出现一个不愉快的滚动条，并且我的所有设计都损坏了。 我该如何预防？

滚动之前：

滚动后：

我要滚动的代码：

const refFirstPoint = useRef(null);
refFirstPoint.current.scrollIntoView();

<div>
    <span ref={refFirstPoint}>{timeAM_PM(i)}</span>
</div>

Answer 1

最后，我找到了问题。要解决此问题，请应用以下更改：

在父div中，我们隐藏滚动条，并防止在以编程方式更改子滚动条位置时再次显示滚动条：将其框限制设置为-ms-scroll-limit: 0 0 0 0

#parent_div:{
overflow: hidden; 
-ms-scroll-limit:0 0 0 0; /*plays a vital role*/
}

在子div中，我们隐藏滚动条并以编程方式控制滚动条。

#child_div:{
scrollbar-width: none; /* Firefox 64 */
  -ms-overflow-style: none; /* IE 11 */
  &::-webkit-scrollbar {
    /** Webkit */
    display: none;
  }
}