mui有现在很普遍的向上滑动线性隐藏和显示顶部内容的方法吗？

请问mui有配合滚动的显示和隐藏吗？很线性优雅的那种。  
下面是我公司同事做的，效果太差，不线性，头晕。求指点！  
// 监听滚动事件 上拉下拉  
        var srollDiv=document.getElementById('pullrefresh');  
        srollDiv.addEventListener('scroll', function (e ) {  
              console.log(e.detail.lastY);  
              var lastY=e.detail.lastY;  

              if(lastY<-50){  
                  console.log("向上拉动50px")  
                  document.getElementsByClassName("day-info")[0].style.display="none";  
                // 获取元素高度属性  
                srollDiv.style.top= "64px" ;  
              }else if(lastY>50){  
                  document.getElementsByClassName("day-info")[0].style.display="block";  
                  srollDiv.style.top="286px";  
              }  
        })