怎样获取屏幕滚进去的距离

如图，我做了个对话框，数据短时是没问题的(图1效果)，
但是数据长了，他会被屏幕可视区遮住(图2效果),
我要怎么让最新对话内容是居中的，也就是图3效果，

---

$(window).scrollTop()     //jQuery
document.body.scrollTop   //原生js

延伸：简单实现“回到顶部”
$("html,body").scrollTop(100)
//或者
window.scrollTo(0,0) //要回到的(x,y)坐标
//或者
$("html,body").animate({scrollTop:100},100) //这样可以有动画效果
//也许有点啰嗦，望见谅！