Неправильный свиток к якору с совой-каруселью перед якорным участком

Question

Я использую этот сценарий для прокрутки вниз до определенной привязки при загрузке страницы:

$(document).ready(function () {
    // Handler for .ready() called.
    $('html, body').animate({
        scrollTop: $('#myanchor').offset().top
    }, 100);
});

В любом случае, перед этим #myanchor есть 2 раздела, содержащие 2 разные совы-карусели.Прокрутка переходит в неправильное положение при загрузке страницы.Он идет приблизительно по второй сове-карусели.

Я полагаю, что это вызвано неправильным вычислением высоты окна, потому что в первый момент загрузка карусели имеет высоту, равную 0. Я просто предполагаю, что.Я не хочу назначать минимальную или фиксированную высоту этим разделам.Итак, есть решение?Может быть, небольшая задержка прокрутки вниз?Может ли кто-нибудь предложить мне код, который может помочь мне решить эту проблему?

Заранее большое спасибо!

Answer 1

Наилучшим вариантом было бы добавить прослушиватель событий для изображений для завершения загрузки.Но у нас, разработчиков, есть сроки, чтобы сделать что-то.Итак, просто используйте тайм-аут, чтобы дать карусели время для загрузки.В большинстве случаев пользователям требуется время, чтобы освоить ваш контент, поэтому у вас есть несколько секунд, прежде чем они нажмут на что-либо.

$(document).ready(function () {
    // Handler for .ready() called.

    setTimeout( function() {
        $('html, body').animate({
            scrollTop: $('#myanchor').offset().top
        }, 100);
    }, 3500);
});