Javascript CSS"；深度计“；（屏幕后面并更改数字的div）

有人知道如何用小图像制作小div吗？比如说50x50像素，跟随网页内部的滚动（比如说它的中心垂直，拥抱屏幕的一侧）+在div旁边，它将数字从屏幕顶部的0更改为底部的100。我在这页上找到了类似的东西，但看不出它是如何工作的 . 如果有人知道如何制作它，那就是gr8。我在谷歌上搜索了它，但不知道这种“技术”叫什么。

这个怎么样

获取“深度”的JavaScript：

var depthMeter = $('#depthMeter');

$(window).scroll(function(){
    depthMeter.text($(this).scrollTop());
});

CSS将元素固定在右侧：

#depthMeter {
    position: fixed;
    top: 50%;
    right: 0;

    margin-top: -25px; // Half the height, because top: 50% does not factor in the element's height

    height: 50px;
    width: 50px; 
}

---

像这样的事？我真傻。。所以只要通过修正。。是的。。你知道怎么加那个计数器吗？所以它用卷轴改变了值？先生，你找到了：）thanx alot！