Javascript 有没有一种方法可以在光标到达中间时滚动contentEditable元素？

我有一个带contentEditable的一个div，你可以在这个div上写任何东西。现在，当用户在这个div上键入任何东西并到达底部时，滚动元素，这样用户就可以轻松地继续键入。但是现在，我想在用户到达屏幕中间时滚动元素。可能吗

.content{
边框：1px纯黑；
填充底部：500px；
字体大小：35px；
}