¿Cómo sincronizo la posición de desplazamiento de dos divs?

Quiero tener 2 divs dimensionados a un ancho particular (es decir, 500 px). Uno encima del otro alineado horizontalmente.

El cuadro superior debe ocultar su barra de desplazamiento, la parte inferior debe mostrar una barra de desplazamiento y, cuando el usuario se desplace, me gustaría que el desplazamiento del cuadro superior cambie al valor del cuadro inferior. De modo que cuando el DIV inferior se desplaza horizontalmente, parece que el DIV superior también se desplaza al unísono.

Estoy feliz de hacer esto en Jquery si facilita el proceso.

Respuestas a la pregunta(10)

Su respuesta a la pregunta