Как сделать, чтобы фон сайта не прокручивался CSS

Для того, чтобы фон сайта не прокручивался можно использовать свойство background-attachment со значением fixed. Если фон сделан градиентом, то это свойство так же подойдет.

Пример

Lorem Ipsum

HTML


<div class="bg-ex-fixed">Lorem Ipsum</div>

CSS


.bg-ex-fixed{
  background: url(image.jpg); /* Путь к картинке */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* Закрепляем изображение */
}