0 / 0 / 0
Регистрация: 05.06.2014
Сообщений: 20
|
|||||||||||
1 | |||||||||||
Липкий плавающий header как в Google Play04.11.2014, 18:40. Показов 5025. Ответов 10
Метки нет (Все метки)
Вообщем такая тема: создаю дизайн сайта на подобии как в приложении Google Play и столкнулся с одной проблемой!! В приложении очень хитро сделали header который разделен на 2 части (главный блок с кновкой меню и поиском, блок меню) и при скроле вниз верхний главный блок скрывается а нижний фиксируется!! Но стоит чуть чуть пролиснуть вверх (не доходя до начала страницы) снова вылазил главный блок..
Я перепробовал множество вариантов и был близок к целе но пришел момент когда я вынужден просить помощи у профи Помогите чем сможете.. В конце концов кому-то готовый вариант может пригодиться в будущем, а не только мне Вот мои наработки! У меня получилось осуществить скрытие и залипание но не так как хотелось!! На мобильных устройствах и вовсе ерунда
0
|
04.11.2014, 18:40 | |
Ответы с готовыми решениями:
10
Как обновить приложение в play.google.com? Разметка, как в Google Play Пресса Как раскрутить игру в Google Play Как удалить свое приложение из Google play? |
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
|
|
04.11.2014, 18:59 | 2 |
JackPaller, если вы скопировали HTML-код "как есть", то обратите внимание на то, что у вас ошибка в разметке - нет закрывающего тега </ul>
Это может и не решит ваш вопрос, но всё же...
1
|
0 / 0 / 0
Регистрация: 05.06.2014
Сообщений: 20
|
|
04.11.2014, 19:02 [ТС] | 3 |
он особой роли не играет! 1-2 незакрытых тега в html допускаются. все же не понятно как сделать нормальный скрипт.. аналогов нет
0
|
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
|
|
04.11.2014, 19:22 | 4 |
Ошибочное мнение.
Я пока не могу понять в чем вы видите некорректную работу. Вот я сделал fiddle, покрутил его, менял размер окна, но так и не понял в чём ошибка.
0
|
0 / 0 / 0
Регистрация: 05.06.2014
Сообщений: 20
|
|
04.11.2014, 19:41 [ТС] | 5 |
Нужно что-бы он верхняя часть этого бара возвращалась не в начале страницы, а в любой другой части прокрутив немного вверх.
0
|
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
|
|||||||||||
04.11.2014, 19:52 | 6 | ||||||||||
JackPaller, Если я правильно понял, то смотрите такой вариант
Дописываем в стили класс:
0
|
0 / 0 / 0
Регистрация: 05.06.2014
Сообщений: 20
|
|
04.11.2014, 20:03 [ТС] | 7 |
Почти так, но нужно что-бы header (как в моем случае) вылазил в любом месте на странице лишь прокрутив немного вверх! А прокрутив немного вниз он иcчезал и оставался лишь center-header
0
|
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
|
|
04.11.2014, 20:15 | 8 |
На такие вещи нужно сразу ставить акцент, потому что у Google Play, по крайней мере в десктоп-версии, такой фишки нет.
А для такой цели, вам нужно следить за направлением прокрутки колеса, так называемая "delta". Знаете как это организовать?
0
|
0 / 0 / 0
Регистрация: 05.06.2014
Сообщений: 20
|
|
04.11.2014, 20:19 [ТС] | 9 |
Я изучаю 3 языка одновременно и только на практике! Это моя большая проблема, поэтому вполне очевидно что я такого не знаю. С другой стороны зная бы это я бы не стал задавать столь прозрачные вопросы
0
|
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
|
|
04.11.2014, 20:23 | 10 |
Сообщение было отмечено JackPaller как решение
Решение
JackPaller, Информации на эту тему в инете более чем достаточно, поэтому не очень хочется заниматься пересказыванием. Вот, например, можете почитать эту статью
1
|
0 / 0 / 0
Регистрация: 05.06.2014
Сообщений: 20
|
|
04.11.2014, 20:58 [ТС] | 11 |
Я все-равно не понимаю как реализовать все это дело и соединить в одно целое! Видимо ждать помощи неоткого
0
|
04.11.2014, 20:58 | |
04.11.2014, 20:58 | |
Помогаю со студенческими работами здесь
11
Проверяет ли Google возраст владельца аккаунта Google Play Console и AdMob? Регистрацией в Google AdSense (для последующей регистрации в Google Play) Google Play Services Sign In / com.google.android.gms.common.api.ApiException: 10 Статистика Google Play Service и баг Google Analytics Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |