Почему Chrome на Android скрывает мой элемент навигации при нажатии на ссылку? - PullRequest
Новая
       5

Почему Chrome на Android скрывает мой элемент навигации при нажатии на ссылку?

0 голосов
/ 26 октября 2018

После просмотра моего портфолио на планшете Android я понял, что при нажатии на ссылку мой элемент <nav> исчезает, если предположить, что он застрял в верхней части экрана.При ближайшем рассмотрении он, кажется, прокрутился вверх, потому что я мог видеть тень от ящика, добавленную к нему, вдоль верхней части экрана.Повернувшись по странице, я заметил, что когда я прокручиваю до конца, меню скользит вниз.Я предполагаю, что это как-то связано с тем, как Chrome на Android скрывает ссылки и адресную строку при прокрутке.

Вот ссылка на портфолио , чтобы вы могли убедиться в этом сами.Что касается моего кода, это то, как он настроен. 

:root{
    --navigation-height: 22px;  /*changes with media query*/
    --view-height: calc(100vh - var(--navigation-height)); /*sets height of content frame*/
}

body{ overflow: hidden; }

/*main grid for the site*/
#site-grid{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: var(--navigation-height) var(--view-height);
    overflow: hidden;
}

#nav-section{ grid-area: 1/1/2/2; height: 100%; }

#content-section{
    grid-area: 2/1/3/2;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    height: var(--view-height);
    scroll-behavior: smooth;
}

При рассмотрении этого вопроса я в основном нашел статьи, рассказывающие о начальной загрузке, поэтому я не знаю, куда еще обратиться.Кто-нибудь может помочь?

...