JS_模拟广告栏跟随效果

很多网站上，都有改变滚动条的位置（即页面文档位置）有个广告栏跟随，不管去哪，广告栏总是亲切得跟着你，还有滑动的动画效果。

来po下我的代码

html:

<div class="advistementFllow">
        <div class="advContent" id="adv"></div>
    </div>

css:

*{
    margin:0;
    padding: 0;
    box-sizing: border-box;
}
.advistementFllow{
    height: 3000px;
}
.advContent{
    width:100px;
    height: 280px;
    border: 1px solid #000;
    position: relative;
    top: 50px;
}

js代码：

window.addEventListener("load",function(){
    var adv = document.getElementById("adv");

    window.addEventListener("scroll",function(){
        var scrollYPos = window.pageYOffset || document.documentElement.scrollTop
        var start = adv.offsetTop;
        var topPos = 50;
        var des = scrollYPos + topPos;

        moveSlowly(start,des)
    })

})
var timer = null;
function moveSlowly(start,des,time){
    clearInterval(timer);

    var SpeedTime = time || 200;
    var distance =  des - start; 
    var speed =  distance/SpeedTime;

        var pos = start;
        var i = 1;

    timer = setInterval(function(){
                if(i == SpeedTime){
                    adv.style.top = (start+distance) + "px";
                    clearInterval(timer)
                }else{
                    pos = pos + speed;
                    adv.style.top =  pos+"px";
                    i++;
                }
                
            },1)
}

这个效果好像也展示不了，感兴趣的动动手试试看效果。

代码相对简单，自己写了一个缓动公式，非常笨的方法T T

以上内容，如有错误请指出，不甚感激。