javascript - 滚动到特定的 id

Question

单击按钮后，我确实想隐藏面板并将顶部滚动到特定的 div:

function StartDateEndDateNull() {
    $("#BookingUpdatePageContainer").hide();
    $('html, body').animate({ 
        scrollTop: $("#MainContent_UCHouseDetaile_startDate").position().top 
    }, 2000);
}

面板已隐藏，但滚动仍在页面顶部，就像它没有找到这个(呈现的)id:MainContent_UCHouseDetaile_startDate。

更新:我也试过:

document.getElementById('MainContent_UCHouseDetaile_startDate').scrollIntoView(); 

.. 但结果相同。

例如，$("#MainContent_UCHouseDetaile_startDate").focus(); 正在运行，但作为焦点之后的 DateTime 字段，datePicker 出现了它的精美框。不过，我更愿意使用 ScrollTop 选项。

Answer 1

尝试使用 .offset() 而不是 .position() 来获取元素的顶部位置

$("#MainContent_UCHouseDetaile_startDate").offset().top
//instead of 
$("#MainContent_UCHouseDetaile_startDate").position().top