Исчезновение с заменой

232

28 января 2018, 04:12

Есть <div>, в котором есть три элемента display: inline-block;.
Нужно сделать так, чтобы при скролле вниз два правых элемента исчезали и заменялись другим контентом.

P.S. Весь контент идущий дальше имеет position: sticky; и наслаивается.
Вообще ничего не понимаю в JavaScript.

Answer 1

Можно сделать через JS:

document.getElementById('id большого div-a').addEventListener('scroll', function(){
  document.getElementById('id левого div-a').innerHTML="другой текст";
  document.getElementById('id правого div-a').innerHTML="другой текст";
  document.getElementById('id левого div-a').style.background="#hex-цвет";
  document.getElementById('id правого div-a').style.background="#hex-цвет";
}

При скролле изменяются два div-a другим содержимым через innerHTML и их цвет через стили (по желанию)