¿Cómo puedo hacer el desplazamiento de 2 div al mismo tiempo?

Para el diseño de mi sitio web, tengo una

donde se almacena el contenido. Hay 2 de estos div. El segundo está delante del primero, con la ayuda de z-index: También el contenido en ambas tags de stuffhere está duplicado, pero a veces las imágenes en la capa superior stuffhere se reemplazan por espaciadores.

Puedo describir el motivo de esta configuración mejor con una imagen.

Actualización: (¡nuevas imágenes!) Cómo funciona mi código http://img854.imageshack.us/img854/2292/portfoliocodemarkup.png cómo mi código representa la página http://img5.imageshack.us/img5/8246/portfolio4. png

Observe cómo la imagen de diseño web Casey no se ve afectada por el fondo de rayas, mientras que los otros bloques sí lo están. La imagen de diseño web de Casey es el único elemento en la captura de pantalla que no está teñido por el fondo.

Esto se debe a que los elementos que se encuentran dentro de la parte posterior div están teñidos con el fondo de rayas, mientras que los elementos en la división frontal no lo están.

La parte posterior div tiene una opacidad de 0.55 con el fondo de rayas. Como el div frontal no tiene fondo y tiene una opacidad de 1, su contenido no se ve afectado por el fondo de rayas, por lo tanto, no está teñido. Sí, lo hace tinte. Puedo ilustrar eso con otra imagen.

mi sitio de portafolio teñido

En la misma instantánea de código a continuación, mostrándola de nuevo, verá que algunas imágenes se superponen entre sí. Un buen ejemplo de esto es el llamado work_title_heroesforhire.png y work_title_heroesforhire-F.png cómo funciona mi código

¿Por qué es esto?

Debajo está la imagen sin el sufijo F. enter image description here Se ve afectado por la opacidad cuando se coloca en la capa posterior .

Debajo está la imagen con el sufijo F. No se ve afectado por la opacidad ya que se coloca en la capa frontal . enter image description here

Esta es la razón por la cual el texto dentro de las capturas de pantalla no tiene un tinte del fondo de rayas.

Ahora entiendes cómo funciona mi diseño, este es el problema. Cuando me desplazo, esto sucede … Sitio de cartera de mmy sin desplazamiento sincronizado

¿Cómo puedo hacer el desplazamiento de 2 div al mismo tiempo? ¿Hay alguna manera de sincronizar el desplazamiento de 2 div con javascript? JQuery es preferible.

Actualizar la página web de ejemplo de trabajo que puede ver

Aquí hay un ejemplo que coloca el div inferior de manera dinámica detrás del div superior y, a medida que desplaza el div superior, el div inferior se desplaza dinámicamente.

   Test     
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.