Tengo un elemento desplegable con un desbordamiento vertical u horizontal y cuando llega al final del desplazamiento, el navegador comenzará a desplazarse por el elemento principal (encadenamiento de desplazamiento). Quiero evitar este comportamiento predeterminado. He intentado siguiendo las formas

 overscroll-behavior: contain;

No tiene soporte de navegador para safari.

También use event.preventDefault() para evitar el comportamiento predeterminado para que bloquee el desplazamiento de la página. No podemos evitar el desplazamiento usando event.preventDefault() en el oyente onscroll, porque se activa después de que el desplazamiento ya ha ocurrido.

 document.body.addEventListener('onscroll',function(e){ e.preventDefault();});

Necesito una solución que también sea compatible con el navegador Safari.