Верхняя панель приложения, отображающая пробелы при прокрутке - PullRequest
Новая
       26

Верхняя панель приложения, отображающая пробелы при прокрутке

0 голосов
/ 23 мая 2019

При прокрутке на моем HTML-сайте верхняя панель приложений исчезает (в соответствии с запросом).Но он оставляет пустое пространство над содержимым (белое пространство имеет тот же размер, что и верхняя строка).Есть ли способ это исправить?Недавно я начал программировать, и это мой первый случайный забавный проект, в котором я познакомился с компонентами дизайна материалов.

Я понятия не имею, что делать.Может кто-нибудь помочь? 

<header class="mdc-top-app-bar app-bar" id="app-bar">
    <div class="mdc-top-app-bar__row">
        <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
            <a href="#" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
            <span class="mdc-top-app-bar__title">This is my title</span>
        </section>
    </div>
</header>

<aside class="mdc-drawer mdc-drawer--open mdc-drawer--dismissible mdc-top-app-bar--fixed-adjust">
    <div class="mdc-drawer__content">
        <div class="mdc-list">
            <a class="mdc-list-item mdc-list-item--activated" href="#" aria-current="page">
                <i class="material-icons mdc-list-item__graphic">home</i>
                <span class="mdc-list-item__text">Home</span>
            </a>
        </div>
    </div>
</aside>

<div class="mdc-drawer-app-content mdc-top-app-bar--fixed-adjust">
    <main class="main-content" id="main-content">

        <!--Here are three material cards in a grid layout-->

    </main>
</div>

Я ожидаю, что в верхней панели приложений при прокрутке не остается пустого пространства.

...