SOURCE

console 命令行工具 X clear

                    
>
console
var moveTheBar;
var moveTheBarFn = function(scrollY){
    $('.toolBar').css({
        top: scrollY/100*40 - 40,
    });
}

var hidenTheContent;
var hidenTheContentFn = function(scrollY){
    $('.adImage').height(200 - scrollY);
    $('.adImage').css({
        boxShadow: 'inset rgba(0,0,0,0.5) 0 0 '+scrollY*2+'px',
    });
}

$(window).on('scroll', function(){
    if(200 - this.scrollY < 0){
        hidenTheContent = undefined;
    } else {
        hidenTheContent = hidenTheContentFn;
    }
    hidenTheContent && hidenTheContent(this.scrollY);
    
    if(this.scrollY/100*40>40){
        moveTheBar = undefined;
    }else{
        moveTheBar = moveTheBarFn;
    }
    moveTheBar && moveTheBar(this.scrollY);
})
<div class="toolBar">
    
</div>
<div class="adImage">
    <div class="content">内容</div>
</div>
<ul>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
</ul>
*{
    padding:0;
    margin: 0;
}
.toolBar{
    width: 100%;
    height: 40px;
    background:red;
    position: fixed;
    top: -40px;
}
.content{
    height: 200px;
    width: 100%;
    display: flex;
    justify-content:center;
    align-items: center;
}
.adImage{
    height: 200px;
    background: #03A9F4;
}

本项目引用的自定义外部资源