Форум русской поддержки Joomla!® CMS
05.12.2016, 08:34:09 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

CSS + мобильная версия сайта + textarea

 (Прочитано 246 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Socha
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 30


« : 15.04.2016, 21:31:44 »

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




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
Практически профи
*******

Репутация: +153/-1
Offline Offline

Пол: Мужской
Сообщений: 2558

если помог можете поставить +


« Ответ #1 : 15.04.2016, 21:45:02 »

Кто может подсказать что нужно сделать?
Для начала нужно дать ссылку на сайт если она есть .
Записан
Socha
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 30


« Ответ #2 : 15.04.2016, 23:02:59 »

Для начала нужно дать ссылку на сайт если она есть .
http://www.biblefinance.ru/f-a-q.html
но без регистрации не попадешь...
Записан
Socha
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 30


« Ответ #3 : 15.04.2016, 23:54:07 »

Проверил на андройде - такой проблемы нет.
Проблема только на ios в iphone 4 (на ipad работает нормально) и на сколько я понимаю проблема в "position: fixed;"
Записан
umbabaraumba
Практически профи
*******

Репутация: +153/-1
Offline Offline

Пол: Мужской
Сообщений: 2558

если помог можете поставить +


« Ответ #4 : 16.04.2016, 01:09:45 »

У меня айфона нет так что не смогу проверить .
Записан
Socha
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 30


« Ответ #5 : 16.04.2016, 11:37:41 »

Ясно... спасибо за попытку...
Пока что решил проблему так:
@media screen and (max-width: 480px) {.navbar{position: absolute;}}
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet