使用 JavaScript 动态放置元素的位置

假设已经拿到元素 elem。 可以使用 elem.style.left、elem.style.top 来动态改变 elem 的位置。

style 的属性 left 是元素到浏览器窗口左边的距离，top 是元素到浏览器窗口上边的距离，单位是 px （pixel）。

如果 elem 要随着 HTML 页面上下滚动（scroll），那么就需要花多点功夫，elem.style.position = "absolute"。 此外， top 的值也要把 window.pageYOffset 加进去。

如何动态获得 window.pageYOffset 的值？ 让 document 去听一个 scroll 事件。