Рамка вокруг сайта при скроле на мобильном глючит?

Question

[WebforSelf]

Есть такая рамка у сайта


Почему то на сайте при скролле она делает вот так.



Получается проблема когда верхнее или нижнее меню появляется или прячется.

Answer 1

[VitalyChaikin]

Я бы попробовал обернуть в div и у него установить border

Comments

[WebforSelf]

я сделал проще, создал 4 блока с fixed и расставил их по каждому краю. Работает.

.body-borders > * {
    position: fixed;
    z-index: 11000;
}

.body-borders .top-border {
  top: 0;
  left: 0;
  width: 100%;
}
.body-borders .right-border {
  top: 0;
  right: 0;
  height: 100%;
}
.body-borders .bottom-border {
  bottom: 0;
  left: 0;
  width: 100%;
}
.body-borders .left-border {
  top: 0;
  left: 0;
  height: 100%;
}