Jquery фиксирует положение div, когда div достигает положения экрана, а не положения прокрутки.

Я был бы очень признателен за любую помощь эксперта jquery, так как метод, который я использовал ранее, не совсем работает для этого нового приложения.

ЧЕГО Я ПЫТАЮСЬ ДОСТИЧЬ

У меня есть две вкладки справа и слева от оболочки моего веб-сайта, которые становятся видимыми только при прокрутке страницы вниз. И когда вкладки достигают центра экрана, они становятся фиксированными, и кажется, что они фиксируются в этом положении. См. общий эффект/идею ниже...

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


ПРОБЛЕМА

Вам, вероятно, интересно, почему я задаю вопрос, если приведенная выше скрипка уже работает.

Вышеупомянутая скрипка работает, потому что она работает с положением прокрутки вверху окна.

Но на моем веб-сайте эти вкладки существуют только в области содержимогои не могут располагаться выше в области заголовка, баннеров и слайд-шоу.

В приведенном выше примере jsFiddle вы заметите, что здесь нет заголовков, баннеров или слайд-шоу. Так что это не проблема для моего текущего скрипта, потому что столбцы контейнера вкладок идут до самого верха.

Пожалуйста, посмотрите на скрипки ниже, которые имеют различные комбинации макета, и тогда вы увидите мою проблему.

Обратите внимание, что я удалил оранжевый фон в столбцах контейнера вкладок, чтобы вы могли видеть точку зрения дизайна.

  1. Заголовок, навигация, слайд-шоу, реклама — http://jsfiddle.net/motocomdigital/SGCHt/3/
  2. Заголовок, навигация, реклама — http://jsfiddle.net/motocomdigital/ SGCHt/4/
  3. Заголовок, Nav - http://jsfiddle.net/motocomdigital/SGCHt/5/

Теперь см. скрипт ниже, который имеет оранжевый фон в столбцах контейнера вкладок, чтобы вы могли видеть структуру как вкладки могут появляться только рядом с div области содержимого.

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


РЕШЕНИЕ

Скрипт каким-то образом должен добавить фиксированное положение вкладок, когда касание достигает 50% от верхней части экрана. Но я не знаю, как это рассчитать, поскольку контейнеры вкладок не доходят до верхней части окна. Есть ли другой метод сценария для достижения этого?

Будем признательны за любую помощь. Спасибо!

5
задан animuson 14 June 2012 в 19:15
поделиться