Основной курс по Joomla
0 Пользователей и 1 Гость просматривают эту тему.
  • 5 Ответов
  • 406 Просмотров
*

Socha

  • Осваиваюсь на форуме
  • ***
  • 34
  • 0
Подскажите пожалуйста вот по какому вопросу.
Имеется мобильная версия сайта, где верхняя шапка с меню (синяя) зафиксирована и при пролистывании всегда остается сверху.




CSS код этого меню выглядит следующим образом:
Код
	.navbar {
text-align:center;
width:100%;
max-width:774px;
height:49px;
color:#fdfff9;
background-color:#5983b3;
position: fixed;
z-index: 100;
-webkit-box-shadow: 0px 1px 0px 0px rgba(85,123,162,1);
-moz-box-shadow: 0px 1px 0px 0px rgba(85,123,162,1);
box-shadow: 0px 1px 0px 0px rgba(85,123,162,1);
}


Проблема заключается в следующем:
при активном поле textarea происходит следующая чехарда





Во всех браузерах работает нормально, за исключением телефона.
Кто может подсказать что нужно сделать?
*

umbabaraumba

  • Практически профи
  • *******
  • 2441
  • 152
  • если помог можете поставить +
Re: CSS + мобильная версия сайта + textarea
« Ответ #1 : 15.04.2016, 22:45:02 »
Кто может подсказать что нужно сделать?
Для начала нужно дать ссылку на сайт если она есть .
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

Socha

  • Осваиваюсь на форуме
  • ***
  • 34
  • 0
Re: CSS + мобильная версия сайта + textarea
« Ответ #2 : 16.04.2016, 00:02:59 »
Для начала нужно дать ссылку на сайт если она есть .
http://www.biblefinance.ru/f-a-q.html
но без регистрации не попадешь...
*

Socha

  • Осваиваюсь на форуме
  • ***
  • 34
  • 0
Re: CSS + мобильная версия сайта + textarea
« Ответ #3 : 16.04.2016, 00:54:07 »
Проверил на андройде - такой проблемы нет.
Проблема только на ios в iphone 4 (на ipad работает нормально) и на сколько я понимаю проблема в "position: fixed;"
*

umbabaraumba

  • Практически профи
  • *******
  • 2441
  • 152
  • если помог можете поставить +
Re: CSS + мобильная версия сайта + textarea
« Ответ #4 : 16.04.2016, 02:09:45 »
У меня айфона нет так что не смогу проверить .
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

Socha

  • Осваиваюсь на форуме
  • ***
  • 34
  • 0
Re: CSS + мобильная версия сайта + textarea
« Ответ #5 : 16.04.2016, 12:37:41 »
Ясно... спасибо за попытку...
Пока что решил проблему так:
@media screen and (max-width: 480px) {.navbar{position: absolute;}}