Показать сообщение отдельно
  #1 (permalink)  
Старый 23.12.2022, 22:58
Интересующийся
Отправить личное сообщение для sega1821 Посмотреть профиль Найти все сообщения от sega1821
 
Регистрация: 30.10.2020
Сообщений: 29

Скролл с индикатором для блока
Добрый день, нужно сделать заполняющуюся полосу при прокрутке как в блоке этапов работ.
https://place-start.ru/uslugi/korpor...sajt-kompanii/

Есть такой скрипт, но заполнение полоски происходит относительно всего сайта, а не блока

$(document).ready(function() {	
	var element = document.documentElement,
  body = document.querySelector('.stages-line'),
  scrollTop = 'scrollTop',
  scrollHeight = 'scrollHeight',
  progress = document.querySelector('.stages-line__filling'),
  scroll;

document.addEventListener('scroll', function() {
  scroll = (element[scrollTop]||body[scrollTop]) / ((element[scrollHeight]||body[scrollHeight]) - element.clientHeight) * 100;
  progress.style.setProperty('height', scroll + '%');

});


Помогите пожалуйста, как можно реализовать скрипт, для отслеживания прокрутки высоты и при достижении точек добавлять класс
Ответить с цитированием