Как «повешать» несколько сцен на parallax.js?

Question

[Darya Shvakh]

Добрый день.
Использую библиотеку 2.1.3 parallax.js
Скажите пожалуйста, как "повешать" несколько сцен на parallax.js ?
Отрабатывает только "scene", а хотелось бы и "scene от 1 до 8"

< ul  id = " scene " >
  < li  class = " layer "  data- deep = " 0.00 " > < img  src = " layer1.png " > </ li >
  < li  class = " layer "  data- deep = " 0.20 " > < img  src = " layer2.png " > </ li >
  < li  class = " layer "  data- deep = " 0.40 " > < img  src = " layer3.png " > </ li >
  < li  class = " layer "  data-глубина = " 0.60 " > < img  src = " layer4.png " > </ li >
  < li  class = " layer "  data-глубина = " 0.80 " > < img  src = " layer5.png " > </ li >
  < li  class = " layer "  data- deep = " 1.00 " > < img  src = " layer6.png " > </ li >
</ ul >

var scene = document.getElementById('scene');
var parallax = new Parallax(scene);

Спасибо!

Answer 1

[Александр Епихин]

const scenes = document.querySelectorAll('.scene');
scenes.forEach(scene => new Parallax(scene));

Comments

[Darya Shvakh]

Александр Епихин, Добрый день.
Я чуть-чуть позже попробую)
Спасибо за НЕ равнодушие)

[Darya Shvakh]

Александр Епихин, Работает))
Спасибо!!!