Здравствуйте! Пытаюсь сделать прогресс бар, который добавляет анимацию svg заполнение круга, % заполнение начинается на 219(начало страницы), и должно менятся при скроллинге в зависимости от количества div с классом, который подгружаються на ajax так же при скроллинге, и остановился на том, что не могу додуматься как в алгоритме все это просчитать...Прошу помощи, сам код: Код (Javascript): $(window).scroll(function() { var count_item = $('.item').length; var height_scroll = $(this).scrollTop(); var footer_offset = $('.scroller-status').offset().top; var s = $(window).scrollTop(); var f = $(document).height()-$(window).height(); var animate_offset = Math.round(s/f*219); if ($(this).scrollTop() > 0) { $('#scrollprog').find('.circle-prog').animate({'stroke-dashoffset': animate_offset}, 10); } }); Сейчас он считает от 0, до 219(когда дошел до конца страницы), но не учитывает количество count_item , а оно будет меняется т.к. на ajax div подгружаються, и считает наоборот, мне же нужно начать от 219, и закончить 0. Если изначально на странице 5 div.item, то начитает с 219 числа в анимации, и когда доймем скроллом до 5-го элемента, то уже будет значение 0, но после может сработать ajax(код уже готовый есть, его писать не нужно), и подгрузит еще к примеру 5 элементов новых, в итоге 10, и уже в прогресс баре тут же сменится с 0, до 109(половина появилась), и т.д.., как это все просчитать в алгоритме? подскажите пожалуйста, заранее спасибо!
В общем решил оставить как сейчас сделал, но не могу понять как сделать, чтобы отчет был в обратном порядке, то бишь не с 0 до 219(при скроллинге, а наоборот, с 219 до 0, и как сделать чтобы высоту вычисляло не целой страницы, а до определенного div.(где будет уже 0), 219 - начало страницы, помогите пожалуйста