Как я могу изменить фон элемента, когда прокрутка находится на этом элементе?

---

Я хочу изменить фон этого div , его идентификатор "примерно", когда прокрутите его вниз. его фон меняется

Что я уже пробовал:

<pre lang="HTML">
<div id="about"> </div>

var about = document.getElementById('about');

about.addEventListener('mouseover',function() {
    myInfo.style.background='red';
});

---