Функция прокрутки jQuery прокручивает верхнюю часть div с идентификатором элемента

Question

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

jQuery(document).ready(function () {
    jQuery('.request-tour-scroll').click(function () {
        jQuery("html, body").animate({ scrollTop: jQuery(document).height() }, 2000, function () {
            jQuery('#show').focus();
        });
        jQuery('#tour-option-section').css('display', '');
    return false;
    });
});

Answer 1

В вызове scrollTop должна быть установлена ​​позиция прокрутки в верхней части элемента, к которому вы хотите прокрутить, а не в высоту документа.

jQuery("html, body").animate({ scrollTop: $('#tour-option-section').offset().top  }, 2000, function () {
    jQuery('#show').focus();
});

Например, Codepen: https://codepen.io/jamiecalder/pen/LYYVqqX