Расположение маршрутизатора React - перемещение нижнего колонтитула при изменении страницы - PullRequest
0 голосов
/ 25 июня 2019

Я работаю над сайтом, который обновляет всю страницу белой вспышкой при каждом изменении страницы. Я заметил, что они создали компонент макета с верхним и нижним колонтитулом и используют его на каждой странице. Я подумал, что это заставляет заголовок / нижний колонтитул размонтировать / перемонтировать при каждом изменении страницы и вызвать мерцание, поэтому я переместил их на главную страницу со всеми маршрутами.

Так что это сработало, чтобы избавиться от мигающего обновления и удержало Nav от перезагрузки, но это вызвало новую проблему. Div 'site-content' будет падать между изменениями страницы и заставлять нижний колонтитул перемещаться вверх прямо рядом с навигацией, а затем снова перемещаться вниз, когда страница будет наконец загружена. Я попытался установить минимальную высоту для содержимого сайта, чтобы толкнуть нижний колонтитул ниже области просмотра, но если страница короткая, то нижний колонтитул слишком странно расположен слишком низко. Как люди обычно создают подобные макеты? Нужно ли скрывать нижний колонтитул? Есть ли какой-нибудь волшебный CSS, который это исправит?

<div>
  <Nav />
  <div className='site-content'>
    <Routes here />
  </div>
  <Footer />
</div>
...