在IE-11中的ReactJs上滚动显示右侧的额外条。

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;
  }
}