<script type="text/javascript">
    var fixedDom = document.getElementById('fixed');
    var fixedTop = fixedDom.offsetTop;
    var bodyDom = document.body;
    var avatarDom = document.getElementById('avatar');
    avatarDom.style.transformOrigin = '50% 0';
    window.addEventListener('scroll',function(){
        var scale = bodyDom.scrollTop/fixedTop;
        if(scale < 1){
            scale = 1- scale*.5;
            avatarDom.style.transform = 'scale('+scale+','+scale+')';
            fixedDom.classList.remove('fixed');
        }else{
            fixedDom.classList.add('fixed');
        }
    });
</script>