显示Datepicker组件时自动滚动页面

Question

我在我的角应用程序中使用ngx datepicker。当datepicker组件呈现足以显示整个datepicker组件时，我希望页面向下滚动一点。 我已经看到了官方日期选择器文档页面，即使页面不滚动 https://valor-software.com/ngx-bootstrap/#/datepicker 此外，如果整个日期选择器可见，则不需要滚动。解决这个问题的最佳方法是什么？ 谢谢你的帮助。

Answer 1

示例代码：

https://stackblitz.com/edit/angular-ngx-datepicker-scroll

在选择日期选择器时将滚动条设置到顶部。

$('html, body').animate({
    scrollTop: $('#datepicker').offset().top + 30 //#DIV_ID is an example. Use the id of your destination on the page
}, 'slow');