Tengo tres divs de la siguiente manera: el div más externo, luego dentro el div medio y luego dentro el div más interno.

como esto ...

 .outer{ width: 100%; height: 110vh; background-color: red; overflow: hidden; } .middle{ width: 100%; height: 100vh; border: 3px solid black; overflow: scroll; } .inner{ width: 100%; height: 102%; background-color: cyan; }

 <div class="outer"> <div class="middle"> <div class="inner"></div> </div> </div>

lo que quiero saber es que, cuando me desplazo dentro del div más interno, se desplaza y si se desplaza por completo, se detiene, y luego, cuando detengo el desplazamiento de la rueda del mouse y comienzo de nuevo, la ventana se desplaza ... Pero, ¿qué? Lo que quiero es desplazarme de una vez ... como si estuviera desplazando el div interno cuando está completamente desplazado, entonces el desplazamiento de la ventana debería comenzar de inmediato sin detener la rueda del mouse y comenzar de nuevo.

¿Es posible?