.chan-top{top: 416px;}

<div class="ans-box chan-top" style="height: 312px; position: fixed;left: 50%;margin-left: -600px;"></div>

$(window).scroll(function(){
    var s=$(window).scrollTop();
    console.log(s);
    if(s >= 416){
        $(‘.ans-box‘).removeClass(‘chan-top‘);

    }else {
        $(‘.ans-box‘).addClass(‘chan-top‘);
    }
});
固定ans-box的位置，在滾動時刪除top值，等到由下而上是觸發事件在添加上top值

判斷滾動事件由下到上觸發事件（偽）