js监听滚动条滚动事件使得某个标签内容始终位于同一位置

小知识点，废话不多说，直接上代码

css：

复制代码 代码如下:

<pre><style>
#anchor:{
position:absulate;
top:40%;
left:40%;
width:100px;
height:100px;
background-color:red;
}
</style></pre><br>

复制代码 代码如下:

<pre>var auchorTop = $("#anchor").css("top");
auchorTop = Number(auchorTop.substring(0, anchorTop.indexOf("p"))); //首先在监听器外部记录某id=anchor的标签的初始位置
window.onscroll = function () {
var top = document.documentElement.scrollTop || document.body.scrollTop;
$("#anchor").css("top", anchorTop + top + "px");
};</pre>

复制代码 代码如下:

<div></div>