滚动到特定的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 

Answer 2

如何在按钮中添加链接，href重定向到div的锚点/身份？ 然后你可以添加你的监听器来隐藏div。