Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Шапка уходит за пределы экрана
Шапка уходит за пределы экрана
Energyy
Сообщений: 124
Репутация: 2

Сообщение # 1 | 00:50:44
Если в Мобильной версии скролить вниз и Открыть МЕНЮ то пропадает ШАПКА

Мой сайт: http://aliprosto.com/
И я горжусь, тем что есть =D
Сообщение отредактировал Energyy - Понедельник, 03 Апр 2017, 16:34:50
Likbezz_Flesh
Сообщений: 76
Репутация: 20

Сообщение # 2 | 08:54:37
Цитата Energyy ()
Если в Мобильной версии сайта скролить вниз и Открыть МЕНЮ то пропадает ШАПКА

Как вариант, вынести блок <header> за пределы блока <main>.
Сделать типа типа:
Код
<header id="header">
...
</header>
<main id="panel" class="panel">
...

Но тогда он станет общим и для меню и для страницы - то бишь, пропадет поиск из бокового меню, так как header его перекроет.

Но, если по клику применять ему трансформацию, что и боковой колонке, то это можно компенсировать..
Типа:
Код
#header{
    -webkit-transition: transform .2s linear;
    -moz-transition: transform .2s linear;
    -o-transition: transform .2s linear;
    transition: transform .2s linear;
}
.slideout-open #header{
    -webkit-transform: translateX(256px);
    -moz-transform: translateX(256px);
    -o-transform: translateX(256px);
    transform: translateX(256px);
}

Но дело в том, что класс slideout-open удаляется после полного закрытия колонки, по этому, скорее всего, будут .. нестыковки анимации - между скоростью закрытия бокового меню и колонки..
Сообщение отредактировал Likbezz_Flesh - Понедельник, 03 Апр 2017, 09:10:20
Energyy
Сообщений: 124
Репутация: 2

Сообщение # 3 | 10:55:39
Цитата Likbezz_Flesh ()
Как вариант, вынести блок <header> за пределы блока <main>.Сделать типа типа:
<header id="header">...</header><main id="panel" class="panel">...
Но тогда он станет общим и для меню и для страницы - то бишь, пропадет поиск из бокового меню, так как header его перекроет.

На данный момент, это единственное здравое решение.
Спасибо
Я остановился пока на этом варианте

Но буду искать варианты, что бы можно было вернуть поиск

Добавлено (03 Апр 2017, 10:55:39)
---------------------------------------------
Хотя, так даже интереснее выглядит, но поиск нужен всё равно wacko


Мой сайт: http://aliprosto.com/
И я горжусь, тем что есть =D
Likbezz_Flesh
Сообщений: 76
Репутация: 20

Сообщение # 4 | 08:57:35
Цитата Energyy ()
но поиск нужен всё равно

Решение выше - стили, сдвигающие верхнее меню.
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Шапка уходит за пределы экрана
Страница 1 из 11
Поиск: