显示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');