如何借助jquery来实现跟踪页面滚动？

可能我的标题描述不大准确，我想表达的意思如下：
假如一个页面很高，需要拖动浏览器的滚动条才能浏览完整个页面。现有一个按钮在这个页面的最底端。当我拖动滚动条直到看到这个按钮时，点击这个按钮，要append一个div到body中，并且使得这个div位于此时浏览器所见区域的正中央。不知道这后面一步如何实现？即如何使得这个DIV处于可见区域的正中央（注意，并非整个页面的正中央。）

有人明白我的意思吗