Добрый день!
Помогите чайнику..
Есть ряд элементов
<section>
<h2 class="bg-heading">Title<h2>
<p>Lorem....</p>
</section>
<section>
<h2 class="bg-heading">Title<h2>
<p>Lorem....</p>
</section>
<section>
<h2 class="bg-heading">Title<h2>
<p>Lorem....</p>
</section>
<section>
<h2 class="bg-heading">Title<h2>
<p>Lorem....</p>
</section>
Нужно добавлять класс для h2 когда section появляется в видимой области экрана и удалять, когда выходит из нее (у h2 position:fixed; он является фоном для секции, поэтому и надо менять классы).
Как это сделать на JS или jQuery?
Спасибо заранее...
