Неправильно считает offsetTop до элемента
 

Здравствуйте, столкнулся с такой проблемой:
Задача: Есть плавающий элемент, который нужно зафиксировать при достижении нижней части сайта(в моем случае блока с id "sp-section-6").
Мое решение: Данный код отлично работал:

var stopmove = document.getElementById("sp-section-6").offsetTop;
		$(window).scroll(function() {
			 if ($(window).scrollTop() > stopmove - 200) {
				box.stop().animate({marginTop: topPadding+stopmove - 200}); 
			 }
			else 
				if ($(window).scrollTop() > offset.top) {
				box.stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding + 150});
			}
			else {
				box.stop().animate({marginTop: topPadding});
			}
		});

Код работал, пока у меня в статьях не было асинхронной загрузки скриптов, которые добавляют контент в статью и увеличивают ее высоту, соответственно, offsetTop вычисляется до загрузки этих скриптов, показывает неправильную высоту статьи, и плавающий элемент фиксируется где-то в середине статьи.
Вопрос: как решить эту проблему?

ofrus,
добавить

load = () => stopmove = document.getElementById("sp-section-6").offsetTop;

Спасибо за ответ. Вставил ваш код уже куда только мог, но результат не меняется, отступ все равно считает по старому, куда конкретно его нужно вставить?

ofrus,
а перенести строку 1 в строку 2?

$(window).scroll(function() {
			var stopmove = document.getElementById("sp-section-6").offsetTop;
			load = () => stopmove = document.getElementById("sp-section-6").offsetTop;
			 if ($(window).scrollTop() > stopmove - 200) {
				box.stop().animate({marginTop: topPadding+stopmove - 200}); 
			 }
			else if ($(window).scrollTop() > offset.top) {
				box.stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding + 150});
			}
			else {
				box.stop().animate({marginTop: topPadding});
			}
		}

Если вы имеете ввиду вот так, то всё равно не работает

да но без строки 3.