Tengo contenedor con desplazamiento horizontal. Cuando hago clic en un botón, quiero desplazarme hasta el final del contenedor (totalmente hacia la derecha).

Mi función al hacer clic:

 const scrollToEnd = () => { var parent = document.getElementsByClassName('custom-class-name'); for(var i=0;i<parent.length;i++) { var child = parent[i].getElementsByClassName('my-container'); child[0].scrollLeft = 100; } }

En mi función de retorno

 <Button onClick={(e) => { anotherFunction(); scrollToEnd(); }} />

No pasa nada cuando hago clic en el botón. Probé para ver si estoy seleccionando el elemento correcto usando un estilo:

child[0].style.color='red';

Esto funciona. El color de estilo rojo se agrega a .my-container pero scrollLeft no funciona.