Я был бы очень признателен за любую помощь эксперта jquery, так как метод, который я использовал ранее, не совсем работает для этого нового приложения.
ЧЕГО Я ПЫТАЮСЬ ДОСТИЧЬ
У меня есть две вкладки справа и слева от оболочки моего веб-сайта, которые становятся видимыми только при прокрутке страницы вниз. И когда вкладки достигают центра экрана, они становятся фиксированными, и кажется, что они фиксируются в этом положении. См. общий эффект/идею ниже...
http://jsfiddle.net/motocomdigital/SGCHt/2/
ПРОБЛЕМА
Вам, вероятно, интересно, почему я задаю вопрос, если приведенная выше скрипка уже работает.
Вышеупомянутая скрипка работает, потому что она работает с положением прокрутки вверху окна.
Но на моем веб-сайте эти вкладки существуют только в области содержимогои не могут располагаться выше в области заголовка, баннеров и слайд-шоу.
В приведенном выше примере jsFiddle вы заметите, что здесь нет заголовков, баннеров или слайд-шоу. Так что это не проблема для моего текущего скрипта, потому что столбцы контейнера вкладок идут до самого верха.
Пожалуйста, посмотрите на скрипки ниже, которые имеют различные комбинации макета, и тогда вы увидите мою проблему.
Обратите внимание, что я удалил оранжевый фон в столбцах контейнера вкладок, чтобы вы могли видеть точку зрения дизайна.
Теперь см. скрипт ниже, который имеет оранжевый фон в столбцах контейнера вкладок, чтобы вы могли видеть структуру как вкладки могут появляться только рядом с div области содержимого.
http://jsfiddle.net/motocomdigital/SGCHt/6/
РЕШЕНИЕ
Скрипт каким-то образом должен добавить фиксированное положение вкладок, когда касание достигает 50% от верхней части экрана. Но я не знаю, как это рассчитать, поскольку контейнеры вкладок не доходят до верхней части окна. Есть ли другой метод сценария для достижения этого?
Будем признательны за любую помощь. Спасибо!