Внедрение липкого слоя на сайт с адаптивной версткой.

Сообщение **Asimo** » 31 мар 2017, 18:49

Добрый день.

Несколько часов как пересел с 9 на 11 WWB. Осваиваю Сетку верстки (которая позволяет делать сайт адаптивным). Но вот незадача.
У меня был реализован липкий слой, на котором лежим меню. Липки он для того, чтобы шапка сайта съезжала вверх, а строка меню, которая лежит под шапкой, прикреплялась к верхней части сайта и оставалась там до тех пор, пока прокрутка в самый верх опять не спровоцирует появление шапки. А как этот слей сделать адаптивным? У меня ширина сайта 1024, липкий слой тоже. И при публикации этот слой растягивает страницу в ширину на мобильных устройствах. То есть либо как-то настроить слой, чтобы ширина была не фиксированной, либо что-то еще. Меню использую адаптивное.

Задача показана здесь: http://test.neman-kids.ru/

Сообщение **jigjig2017** » 31 мар 2017, 18:57

ну я так понял что там нужено поставить либо относительное горизонтальное положение либо размер
как только попробую скажу точно только проект скинь чтоб я именно в твоей ситуации всё сделал

Сообщение **Asimo** » 31 мар 2017, 19:29

Прикладываю. Но я заметил, что проблема остается, даже когда я удаляю слой и меню. То есть при наличии ТОЛЬКО сеток верстки все равно появляются полосы прокрутки. Жесть, походу надо с нуля пробовать. Где сидит засада не найду. В шаблонах с оф сайта ширина сайта стоит, настройки вроде те же...

Сообщение **jigjig2017** » 31 мар 2017, 19:41

вобщем я так и не понял что за полосы прокрутки но что бы размер везде был одинаковым надо поставить галочку где написанно относительно горизонтальный размер сам проверял

Отправлено спустя 1 минуту 59 секунд:
на счет размера это я про слой говорил

Сообщение **Asimo** » 31 мар 2017, 19:45

Увы, не понял, о чем Вы: "что бы размер везде был одинаковым..."

В общем, сетка верстки очень капризная штука. При наличии только ее на странице, мешала настройка "Верстка": Фиксированная. Надо ставить Подвижно, чтобы полоса прокрутки не появлялась на смартфоне. Но тогда при размещении телефона он может некрасиво отображаться (в 2 строки).

Полосы прокрутки появляются на смартфоне или на ПК, если изменить масштаб окна.

Отправлено спустя 1 минуту 15 секунд:
Ага, увидел. Но проблема была не в этом. Главным образом. Удалось посмотреть с навигационной строкой? Липкий слой вообще совместим с "Адаптивом"?

Сообщение **jigjig2017** » 31 мар 2017, 19:48

давай скайп поговорим

Сообщение **Asimo** » 31 мар 2017, 19:53

К сожалению, неудобно говорить.

Сообщение **jigjig2017** » 31 мар 2017, 19:55

ок тогда тот проект о котором говорил ты это и есть тот сайт который ты дал в начале?

Сообщение **Asimo** » 31 мар 2017, 19:56

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

Сообщение **jigjig2017** » 31 мар 2017, 19:58

поставь в проекте в слое относительный гориз. размер

а у вас кокой билдер (версия)

Сообщение **Asimo** » 31 мар 2017, 20:08

Версия 11.1.0
Относительн. гориз. разм. не устранило полосу прокрутки. Увы.

Сообщение **jigjig2017** » 31 мар 2017, 20:12

вы можете Относительн. гориз. разм. установить и опубликовать

Сообщение **Asimo** » 31 мар 2017, 20:14

Пробовал предпросматривать. Не помогает.

Сообщение **jigjig2017** » 31 мар 2017, 20:16

вы опубликуйте чтоб я проверил всё и на каком браузере предпрасмотор ?
вы обновляйте страницу чтоб побыстрей могли видеть от меня новый комент к вашей проблеме

Сообщение **Asimo** » 31 мар 2017, 20:23

Предпросматривал в хроме. Сейчас опубликую с некоторыми изменениями (добавил меню в сетку верстки).

Сообщение **jigjig2017** » 31 мар 2017, 20:26

скиньте скрин проекта на слое должено всё выглядеть вот так

Снимок.PNG

Отправлено спустя 3 минуты 50 секунд:
странно что у вас всё растянуто вот у меня

Снимок.PNG

Снимок2.PNG

Отправлено спустя 2 минуты 25 секунд:
до меня дошло у вас в предпросмотре горизонтальная полоса прокрутки?

Сообщение **Asimo** » 31 мар 2017, 20:39

Настройки такие же. Со слоем проблем нет при публикации. Проблему вызывает Адаптивное меню. Вы мне очень-очень помогли. Слой сам по себе работает как надо. Надо усмирить Адаптивное меню.

Отправлено спустя 3 минуты 19 секунд:
http://joxi.ru/D2PVQRxIp6Knqr
http://joxi.ru/brRE6O1fJ6exzA

Отправлено спустя 19 секунд:
Горизонтальная парит, да.

Отправлено спустя 2 минуты 48 секунд:
Добавил Адаптивное меню с настройками по умолчанию, проблем не возникает. Надо его постараться приручить. Если интересно, прикладываю экспереминтальный проект.

Отправлено спустя 1 час 22 минуты 27 секунд:
jigjig2017, что-нибудь получилось?

Сообщение **Alex15963** » 01 апр 2017, 00:30

Я так понял, Вам нужно, что б меню находилось в сетке, а сетка прилипала к верху? Ну так сделайте липкую сетку.

Сообщение **Asimo** » 01 апр 2017, 00:35

Alex15963, в упор не вижу, как это сделать. Скрин или описание того, как это сделать можете скинуть? А то уже почти отказался от этой затеи, согласившись на "Шапку страницы" с меню.

Сообщение **Alex15963** » 01 апр 2017, 00:40

Да здесь ничего сложного нет. В особом стиле сетки, напишите это -
position: fixed;
z-index:9999;
И будет Вам счастье.

Кто сейчас на конференции

Добро пожаловать на форум!