在标题下方平滑滚动div到顶部

Question

如何平滑地将div滚动到页面顶部但在标题下方。

我在jquery中有代码，但我需要将其转换为纯java脚本，并且应该在所有最新的浏览器中使用。

$('html, body').animate({ scrollTop: $("#mydiv"+id).offset().top - 55 }, 699);

我让java脚本函数滚动但不是动画。

document.getElementById('mydiv'+id).scrollIntoView(); scrollBy(0, -55);

有人可以帮助我，我需要在滚动条中添加一个小动画。谢谢。