头部吸顶滚动

最新推荐文章于 2022-03-28 11:51:40 发布

半岛铁盒955

最新推荐文章于 2022-03-28 11:51:40 发布

阅读量178

点赞数

分类专栏： vue 常用解决的方法

本文链接：https://blog.youkuaiyun.com/weixin_47754874/article/details/113676210

版权

vue 常用解决的方法专栏收录该内容

2 篇文章

订阅专栏

在这里插入图片描述


 // 滚动时头部显示隐藏 
    parantScroll(e) {
      var scrollTop = e.target.scrollTop;
      if (this.oldScrollTop > scrollTop) {
        this.onOffShow.height = 'heigth: 138px'
        this.onOffShow.display = 'display: block'
        console.log("展示");
      } else if(scrollTop-this.oldScrollTop>12){
        this.onOffShow.height = 'height: 0px'
        this.onOffShow.display = 'display: none'
        console.log("隐藏");
      }
      this.oldScrollTop = scrollTop;
      // var documentTop = document.getElementsByClassName('Top-div')[0];
      // console.log(documentTop.offsetHeight)
    },

 else if(scrollTop-this.oldScrollTop>12)  是为了防止短暂滚动造成的闪动情况
 动画类名那里必须有高度(才能有动画效果)