Probé varias soluciones para lograr un comportamiento fluido en el iPad de octava generación. como iscroll , react scroll y polyfill scroll personalizado también, pero el comportamiento es instantáneo en lugar de fluido.

botón de clic:

 <div className="mt-4 text-center mt-md-5 btn-hide"> <Button className="btn-see-more btn-outline-light Event Based" size="lg" onClick={() => executeScroll()}> {constants.SEE_MORE_BTN} </Button> </div>

cuando llamo a la función de desplazamiento al hacer clic en el botón, el comportamiento de desplazamiento es suave en Windows, pero cuando probé el mismo desplazamiento en ipad 8th gen, el comportamiento de desplazamiento es instantáneo.

 const executeScroll = () => { const element = document.getElementById('discoverEvents'); if (element) { element.scrollIntoView({ behavior: 'smooth', block: 'start' }); } };