Якорная проблема с прыжком в jquery

Question

Я создаю небольшое приложение, используя flask, но сталкиваюсь с некоторой проблемой при переходе на якорь. Вот Jquery, который я использую при загрузке страницы

<script>
    $(document).ready(function () {
        $('html, body').animate({
            scrollTop: $('#{{myAnchor}}').offset().top
        }, 'slow');
    });
</script>

myAnchor генерирует динамически.

HTML anchor

<a id = "anchor-{{my_post.id}}">
                    anchor-{{my_post.id}}
                </a>

после загрузки страницы это прокрутить в неправильную позицию. Вы можете сказать 2 или 3 позиции якоря вниз. Заметьте, что я использую для l oop в шаблоне. Любое предложение?