Top bar in Chrome?

Question

css

Guys, I got such a thing ...
There is

.big_background {
  width: 110%;
  min-height: 110vh;
  background-image: url("../img/big_gb.jpg");
  background-position: center -10px;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

The problem is only in mobile Chrome...
When scrolling, the top panel disappears (probably a Chrome feature), and the screen height changes accordingly (as I understand it) and the picture jumps...
What can you think of to fix this?
Or do something with the picture or with this socket ... BUT! the background should be fixed, and the text should roll ...
ZYY. https://css-tricks.com/examples/FullPageBackground... As an example
ZYY. If nothing can be done, write plz ... the authorities are fucked up ... But I don’t know (

Answer 1

In my opinion (my personal opinion) it is enough to prescribe here only:

.big_background {
  width: 100vh;
  height: 100vh;
  background-image: url("../img/big_gb.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

background-attachment: fixed - this line will prevent the background from scrolling.