Верхняя панель в Chrome?

Question

[Gabe Jonson]

Ребята, такая штука попалась...
Есть

.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);
}

Проблема только в мобильных Хромах...
При скроле верхняя панелька пропадает (особенность хрома наверно), и соответственно меняется высота экрана (я так понимаю) и картинка прыгает...
Что можно придумать, чтобы это пофиксить?
Или как-то с картинкой поступить или с этой панелькой... НО! фон должен быть фиксирован, а текст кататься...

ЗЫЫ. https://css-tricks.com/examples/FullPageBackground... Как пример

ЗЫЫ. Если сделать ничего нельзя, напишите плз... начальство заебало... А я не знаю (

Comments

[Антон Нагаец]

1) Какая панелька в хроме?
2) С какой картинкой поступить?
телепаты в бессрочном отпуске до того как не посмотрят на код который нужно привести в порядок.

[OVK2015]

Посмотрите css у header страницы в jQueryMobile,- мертво весит даже когда "панельки уходят"

[Gabe Jonson]

Антон Нагаец: пример, такой же как и в ссылке... https://css-tricks.com/examples/FullPageBackground...

[Gabe Jonson]

Антон Нагаец: панелька joxi.ru/52a5wyLuGpXnv2 эта, только на мобильном...

[Антон Нагаец]

Gabe Jonson: Это особенность омнибокса на мобильных. И вы ничего с этим не поделаете.

[Gabe Jonson]

Антон Нагаец: То есть при скроле ни как не убрать пелую полосу в низу?

[Виолетта Морозова]

Gabe Jonson: какую белую полосу внизу? Вы об этом разве писали?

[Виолетта Морозова]

background-position: center -10px;
10px почему урезаете?

[Виолетта Морозова]

Выкладывайте свои коды на jsfiddle или codepen.
Банальная этика тостера

Answer 1

[Виолетта Морозова]

По-моему (лично мое мнение) тут достаточно прописать лишь:

.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 - эта строка как раз таки не позволит прокручиваться фону.