Как зафиксировать фон с помощью JS?

326

17 сентября 2017, 02:29

Когда я изменяю фон сайта с помощью JS, то не могу его зафиксировать.

 document.body.style.background = 'url(https://pp.userapi.com/c837533/v837533109/6523e/oNQmDDB0a-A.jpg)';

т.е. он повторяется при прокручивании.. как прописать в JS, чтобы фон был фиксированным при прокрутке? В Css к Body всё прописано.

Answer 1

Это происходит, потому что через style.background вы меняете все свойства фона, таким образом переписывая и значение background-attachment.

Вместо этого нужно использовать style.backgroundImage:

document.body.style.backgroundImage = 'url(https://pp.userapi.com/c837533/v837533109/6523e/oNQmDDB0a-A.jpg)';

body { 
  background-position: center top; 
  background-attachment: fixed; 
  min-height: 2000px; 
}

ТОП-10

Использую в проекте плагин "air-datepicker"В нем есть собственные описанные события

337

Всем приветПодскажите пожалуйста как изменить значение свойства одного компонента из другого ? Т

309

Есть шапка чата, и ниже есть сам блок чата где летят сообщенькиПомогите написать простенький код, что бы при нажатии на иконку icon-down блок чата...

361

$Передать значение в route vue js \ quasar Framework$

Есть компонент, который внутри использует v-for:

330