Липкий нижний колонтитул движется вместе с экраном при прокрутке в ionic2 + bootstrap4 - PullRequest
1 голос
/ 24 марта 2019

Я использую ionic2 с начальной загрузкой, чтобы сделать PWA. Я использовал тему "My Ionic Material Design".

Я столкнулся с проблемой при внедрении Sticky footer Я пробовал с загрузочным кодом, но проблема в том, что липкий нижний колонтитул движется вместе с экраном. Как я могу исправить это всегда внизу экрана. Любой, пожалуйста, помогите.

.footer {
     position: fixed;
     left: 0;
     bottom: 0;
     width: 100%;
     background-color: red;
     color: white;
     text-align: center;
  }
  <div class=" bar footer bar-footer">
    <p>Bootstrap Footer</p>
  </div>

enter image description here

Я использую этот код с темой «My Ionic Material Design». но его не исправили. проблема заключается в том, что при прокрутке «липкий нижний колонтитул» перемещается вместе с экраном.

1 Ответ

0 голосов
/ 24 марта 2019

Если вы хотите использовать нижний колонтитул, вы можете использовать тег ion-footer, который указан в ionic. ion-content имеет прокрутку, и если вы применяете стили для нижнего колонтитула, нижний колонтитул не будет в фиксированном положении. так что лучше используйте ion-footer

<ion-footer>
  <ion-toolbar>
    <ion-title>Footer</ion-title>
  </ion-toolbar>
</ion-footer>

См. Ионную документацию Нижний колонтитул

...