Jquery fissa la posizione div quando il div raggiunge la posizione dello schermo, non lo scorrimento posizione

Question

Apprezzerei davvero qualsiasi aiuto esperto di jquery come metodo che ho usato in precedenza, non funziona abbastanza per questa nuova applicazione.

quello che sto cercando di realizzare

Ho due linguette sul lato destro e sinistro del mio sito web involucro, che diventano visibili solo quando si scorre in basso nella pagina. E mentre le schede raggiungono il centro dello schermo, diventano quindi posizione fissa, apparendo per poi bloccarsi in posizione. Vedere il generale effetto/idea di sotto ...

http://jsfiddle.net/motocomdigital/SGCHt/2/

IL PROBLEMA

tuo probabilmente chiedendo perché sto facendo la domanda se quanto sopra violino è già al lavoro.

Il violino di cui sopra funziona perché funziona sulla posizione di scorrimento dalla parte superiore della finestra.

Ma sul mio sito Web, queste schede esistono solo nell'area Area di contenuto e non possono essere eseguite nelle aree di intestazione, banner, diapositive.

Nell'esempio jsFiddle sopra, noterete che non ci sono intestazione, banner o presentazioni. Quindi questo non è un problema per il mio script corrente perché le colonne del contenitore di tabulazioni vengono eseguite fino in cima.

Si prega di vedere i violini qui sotto che ha diverse combinazioni di layout e vedrete il mio problema.

Nota. Ho rimosso lo sfondo arancione sulle colonne del contenitore di schede in modo da poter vedere il punto di vista del progetto.

1. Header, Nav, Slideshow, Annuncio - http://jsfiddle.net/motocomdigital/SGCHt/3/
2. Header, Nav, Annuncio - http://jsfiddle.net/motocomdigital/SGCHt/4/
3. Header, Nav - http://jsfiddle.net/motocomdigital/SGCHt/5/

Ora vedi violino di sotto della quale ha gli sfondi arancioni su scheda colonne del contenitore in modo da poter vedere la struttura di come le schede possono essere visualizzate solo accanto al div dell'area dei contenuti.

http://jsfiddle.net/motocomdigital/SGCHt/6/

SOLUZIONE

Lo script qualche modo deve aggiungere il posizionamento fisso alle schede, quando il rubinetto raggiunge il 50% dall'inizio dello schermo. Ma non so come calcolare questo come i contenitori di schede non sono in esecuzione fino in cima alla finestra. C'è un altro metodo di script per raggiungere questo?

Qualsiasi aiuto sarebbe così apprezzato. Grazie!

Answer 1

Invece di guardare il rotolo fino al 50% dell'altezza dello schermo, possiamo aggiungere la posizione dell'area del contenuto dall'alto.

http://jsfiddle.net/SGCHt/7/