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

Question

[Антон]

Заголовок получился массивным и немного непонятным. Сейчас все объясню.

Я знаю про linear-gradient. И я даже сделал градиентный фон. Но проблема в том, что фон накладывается под высоту всего контента. То есть если высота контента больше, чем высота окна браузера (контент уходит вниз; прокрутка страницы), то и соответственно градиент уходит вниз и он также прокручивается (меняется) вместе с содержимым контента.

В этом и заключается моя проблема. Я хочу чтобы градиент накладывался и фиксировался, а также не прокручивался вместе с контентом.

Скриншоты:
Начало страницы
Конец страницы

Как это реализовать, помогите, пожалуйста?

Answer 1

[tema_sun]

background-attachment: fixed;
https://jsfiddle.net/jh41h6tz/