9***@qq.com
9***@qq.com
  • 发布:2018-12-13 16:01
  • 更新:2018-12-13 16:42
  • 阅读:1669

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

分类: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";  
              }  
        })
2018-12-13 16:01 负责人:无 分享
已邀请:
回梦無痕

回梦無痕 - 暂停服务

如果是标题栏,mui本身就有这个方法,可以看看mui示例,如果是其他的元素,只能自己监听了,动态设置css的opacity属性实现渐变的透明。ios要用WKWebview内核

该问题目前已经被锁定, 无法添加新回复