Почему неадекватно работают якоря в вертикальном меню с использованием прокрутки js?

Question

[lalabilli]

Использую скрипт для плавной прокрутки от якорей с отступом сверху

$(document).ready(function() {
	$(".Anchor").on("click", "a", function(event) {
		event.preventDefault();
		var id = $(this).attr('href'),
			top = $(id).offset().top;
		$('div').animate({
			scrollTop: top - 200
		}, 500);
	});
});

На сделав вертикальное меню со скроллом справа (скроллспай из bootstrap 4), меню начало себя вести крайне неадекватно, скакать, проматывать дальше и не туда
Лучше один раз увидеть, чем сто раз услышать,ссылочка на видео

В чем дело, как исправить?

Собственно, так ведет себя меню без скрипта, что меня тоже крайне не устраивает