Javascript 滚动到特定的id

单击按钮后，我确实希望隐藏一个面板，并将其滚动到特定的div：

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

面板已隐藏，但滚动仍在页面顶部，好像找不到此（呈现的）id:

MainContent\UCHouseDetaile\u startDate

更新：我也尝试过：

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

。。但同样的结果

---

例如，

$（“#main content_uchouse detaile_startDate”）.focus（）

正在工作，但作为焦点后的DateTime字段，datePicker显示有其奇特的框。不过我更喜欢使用

滚动顶
选项。
在按钮中添加一个链接，href重定向到div的锚/id，怎么样？

然后可以添加侦听器以隐藏div。
尝试使用.offset（）而不是.position（）来获取元素的顶部位置

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