Вообщем такая тема: создаю дизайн сайта на подобии как в приложении Google Play и столкнулся с одной проблемой!! В приложении очень хитро сделали header который разделен на 2 части (главный блок с кновкой меню и поиском, блок меню) и при скроле вниз верхний главный блок скрывается а нижний фиксируется!! Но стоит чуть чуть пролиснуть вверх (не доходя до начала страницы) снова вылазил главный блок.. 

Я перепробовал множество вариантов и был близок к целе но пришел момент когда я вынужден просить помощи у профи  Помогите чем сможете.. В конце концов кому-то готовый вариант может пригодиться в будущем, а не только мне

Вот мои наработки! У меня получилось осуществить скрытие и залипание но не так как хотелось!! На мобильных устройствах и вовсе ерунда





скриншоты можно найти в этой теме

http://jsfiddle.net/Aliance/rkaxdho3/

На будущее, лучше сразу мастерить примерчик на jsfiddle.net, чтобы это другие не делали за вас.

Теперь еще раз (с примерами IDшников блоков), что и куда вы хотите чтобы прилипало?

PS: У вас нет закрывающего </ul>

нужно что-бы при прокрутке вниз center-headbar фиксировался а headbar отваливался вверх! но при прокрутке вверх он появлялся!! Знаете такой эффект как Reversed sticky (Реверсное прилипание)? Это как раз мне и нужно. Обратите внимание что headbar должен появляться не при прокрутке страницы до начала, а в любом месте прокрутив немного вверх (как в приложении Google Play)

P.S. Я знал про незакрытый тег! Он не особо важен для этого примера.. Торопился потому что дело срочное


Это сообщение отредактировал(а) JackPaller - 5.11.2014, 15:35

В примере вашем (по моей ссылке если перейти, добавить в CSS код body { height: 2000px;  } и нажать Run) все работает при прокрутке вниз, то есть вы хотите чтобы весь хедер появлялся не только в начале документа, а при любом пролистывании вверх? Ну так введите переменную, запоминайте в конце функции старой значение прокрутки, а в начале сравнивайте с текущим - так вы определите направление прокрутки, дальше уже делайте, что вам нужно.

можно пожалуйста рабочий пример! Я уже запарился с этим. Сил нет все пререьирал и не работает

Как то так, особо не старался - лень
http://jsfiddle.net/sQu1rr/oejm5f51/

Гениально! Не совсем то но я думаю разберусь. Главное что работает) Я хотел чтобы при прикрутке вверх вылазил "синий" div а красный должен быть закреплен всегда. Если не лень можно поправить?

Это сообщение отредактировал(а) JackPaller - 6.11.2014, 14:51

честно? лень 

К тому же


А вот если будет запара, тут всегда помогут ;)

ну может быть найдется немного времени? Дело минутное. А я на это часы убью если не дни.. Я и так на поиски решения убил уже неделю. Мне очень нужен этот скрипт и я уже в отчаянии

Есть 2 дива: синий и красный! Не важно что на них должно быть.. 

Сейчас ситуация такая: красный див прилипает только при прокрутке вверх (в любой части страницы) а синий остается в начале страницы 

Нужно: чтобы красный див был всегда фиксирован но при прокрутке вверх появлялся синий див и сдвигал красный 

Вот уже набросали черновик: jsfiddle.net/sQu1rr/oejm5f51/

Нужно немного доработать но я уже незнаю как. Кучу вариков перебрал.. Помогите ребят кому не лень!

Это сообщение отредактировал(а) JackPaller - 6.11.2014, 17:03

Как можно перебрать кучу вариантов за 2 часа. Что бы сделали за вас - идите в центр помощи, и не нужно плодить клонов.

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

Заплатить за работу профессионалу, например.

Здесь - форум, где советуют и помогают разобраться, чтобы автор сделал САМ. Иногда (повторюсь, лишь иногда) могут бесплатно сделать за вас, если это легче, чем объяснить. Но в целом здравая практика в данном случае - либо долго, но дешево (разбираешься сам), либо быстро, но дорого (платишь профессионалу). Давно бы уже закинули ТЗ на фриланс, не думаю, что один скрипт стоил бы больше 50 долларов.

ХОРОШО я учту..