スクロール中は隠れていてスクロール後に横から出てくるバナーやボタン

var timer = false;
$(window).on("scroll touchmove", function(){
    var now = $(window).scrollTop();
    var under = $('body').height() - (now + $(window).height());
    if (now > 0 && under > 0) {
        $('#side_bnr').show();
    } else {
        $('#side_bnr').hide();
    }

    $("#side_bnr").removeClass("show");        
    if( timer !== false ){
        clearTimeout( timer );
    }
    timer = setTimeout( function(){
        $("#side_bnr").addClass("show");
        console.log("aaa");
    }, 500 );
});

<div id="side_bnr" class="show">
    ばなー
</div>

#side_bnr{
    background: #fff;
    padding: 20px;
    position: fixed;
    right:0;
    top: 50%;
    transform: translateX(200px);
    transition: 0.2s;
}
#side_bnr.show{
    transform: translateX(0);
    transition: 0.4s;
}