Как растянуть фоновое изображение сайта без возможности его проскроллить?

Question

[Evgen Bolat]

Хочу установить фоновое изображение для всего сайта. Если я пролистываю сильно вниз, когда браузер сам начинает хотеть вернуть пользователя в пределы сайта, появляется изначальный белый фон. Как вообще бороться с этим? Искал аналогичные вопросы, но не нашёл их. И зачем пользователям дали возможность прокрутки за пределы самого сайта?
Вот css код

body {
  background-image: url('/assets/images/background.svg');
  background-size: cover;
  background-attachment: fixed;
}

Буду благодарен за помощь.

Comments

[szQocks]

просто высота твоего боди равно высоте вьюпорта, поэтому ты ощущаешь такой дискомфорт, скорее всего

[Evgen Bolat]

szQocks, Да, я установил на body высоту в 100dvh, но как тогда делать фоновое изображение без такого заметного дискомфорта пользователям?

[szQocks]

Evgen Bolat, нужно что бы контент не выходил за боди

Answer 1

[Дмитрий Аргус Мобайл]

css:

.d_fon_30 {
    position: fixed;
    z-index: -5;
}

html:

<img class="d_fon_30" style="width: 100%; height: 110%" src="img/fon/fon_pink_01_1.png">

Я просто устанавливаю картинку с z индексом глубже