Realmente agradecería cualquier ayuda experta de jquery como método que he usado anteriormente, no está funcionando para esta nueva aplicación.Jquery soluciona la posición div cuando div alcanza la posición de pantalla, no la posición de desplazamiento
lo que estoy tratando de lograr
Tengo dos pestañas en el lado derecho e izquierdo de mi página web envoltorio, que sólo se hacen visibles mientras se desplaza por la página. Y a medida que las pestañas alcanzan el centro de la pantalla, se convierten en una posición fija, y luego se bloquean en su posición. Ver el efecto/idea general de abajo ...
http://jsfiddle.net/motocomdigital/SGCHt/2/
EL PROBLEMA
Tu probablemente preguntándose por qué estoy haciendo la pregunta si el violín anterior ya está trabajando.
El violín anterior funciona porque funciona en desplazamiento hacia la posición desde la parte superior de la ventana.
Pero en mi sitio web, estas pestañas solo existen en Área de contenido, y no pueden ejecutarse arriba en mi encabezado, banners, áreas de pases de diapositivas.
En el ejemplo anterior de jsFiddle, observará que no hay encabezado, pancartas ni presentaciones de diapositivas. Así que esto no es un problema para mi script actual porque las columnas del contenedor de pestañas se ejecutan hasta el final.
Por favor, vea los violines a continuación que tienen diferentes combinaciones de diseño y verá mi problema.
Tenga en cuenta que eliminé el fondo naranja en las columnas del contenedor de pestañas para que pueda ver el punto de vista del diseño.
- Cabecera, Nav, presentación de diapositivas, Anuncio - http://jsfiddle.net/motocomdigital/SGCHt/3/
- Cabecera, Nav, Anuncio - http://jsfiddle.net/motocomdigital/SGCHt/4/
- Cabecera, Nav - http://jsfiddle.net/motocomdigital/SGCHt/5/
Ahora ver violín debajo de la cual tiene los fondos de color naranja en la pestaña columnas de contenedor para que pueda ver la estructura de cómo las pestañas solo pueden aparecer al lado del div del área de contenido.
http://jsfiddle.net/motocomdigital/SGCHt/6/
SOLUCIÓN
La secuencia de comandos de alguna forma tiene que añadir el posicionamiento fijo de las lengüetas, cuando el grifo alcanza el 50% desde la parte superior de la pantalla. Pero no sé cómo calcular esto, ya que los contenedores de pestañas no se extienden hasta la parte superior de la ventana. ¿Hay otro método de script para lograr esto?
Cualquier ayuda sería tan apreciada. ¡Gracias!
Considere el uso de aa [** jQuery Parallax Plugin **] (http://smashinghub.com/7-jquery-parallax-and-scrolling-effect-plugins.htm) con una característica cubrió de que es compatible con varios navegadores para manejar las pestañas en cuestión. – arttronics