移动端向上滑动，底部导航隐藏？

Question

想将下面图中这种导航，让向上滑动隐藏，下滑动显示

下面这个JS是我模版自带的；实现的效果是右边导航，上滑向右边隐藏；
我把以下的right改成bottom没有效果，我是小白，请大神帮忙；

function clnavOp(){
    if(ck8('.guiigo-clnav').length){
        app.handleEvent(function(e,r){
            if(r == 'touchstart'){
              stop = e.sy;
              szy = e.sx;
            }else if(r == 'touchmove'){
                if(e.ey > 0){
                    endtop = e.ey;
                }
                if(e.ey > 0){
                    endzy = e.ex;
                }
            }else if(r == 'touchend'){
                if(e.isScrolling == 1 && stop > endtop){
                    try {
                        ck8('.guiigo-clnav')[0].style.transform = "translatex(100px)";
                        ck8('.guiigo-clnav')[0].style.transition = "transform .2s";
                    }catch(e){}
                }else if(e.isScrolling == 1 && stop < endtop){
                    try {
                        ck8('.guiigo-clnav')[0].style.transform = "translatex(0px)";
                        ck8('.guiigo-clnav')[0].style.transition = "transform .2s";
                    }catch(e){}
                }
                if(e.direction == 'right' && Math.abs(szy-endzy) > 50){
                    try {
                        ck8('.guiigo-clnav')[0].style.transform = "translatex(100px)";
                        ck8('.guiigo-clnav')[0].style.transition = "transform .2s";
                    }catch(e){}
                }else if(e.direction == 'left' && Math.abs(szy-endzy) > 50){
                    try {
                        ck8('.guiigo-clnav')[0].style.transform = "translatex(0px)";
                        ck8('.guiigo-clnav')[0].style.transition = "transform .2s";
                    }catch(e){}
                }
            }
        },'.content')
    }
}