Прокрутка в ReactJ в IE-11 показывает дополнительную полосу справа

Question

Я создал приложение ReactJS в IE-11. Я хочу прокрутить в определенный момент программно. все в порядке, но когда произошла прокрутка, в правой части появляется неприятная полоса прокрутки, и весь мой дизайн становится поврежденным. Как я могу предотвратить это?

Перед прокруткой:

После прокрутки:

мой код для прокрутки:

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