可视高度

17 篇文章 0 订阅
5 篇文章 0 订阅
 this.$refs.content.offsetHeight 整个高度
 this.$refs.content.offsetTop 距离上层父元素顶部的空间高度
 this.$refs.content.clientHeight 内容可视区域的高度
 this.$refs.content.scrollTop 滚动条拉动的距离.
局部滚动显示回到底部
this.$refs.content.addEventListener("scroll", () => {
    
      let scrollTop = this.$refs.content.scrollTop; // 滚动条拉动的距离.
      let hei = content总高度 - this.$refs.content.clientHeight; // 滚动条滚至最底部
      let hei2 = hei - this.$refs.task.offsetHeight; // 滚动条滚至任务开始时的滚动高度
      if(scrollTop<hei2){
        this.isShowToLink = true;
      }else{
        this.isShowToLink = false;
      }

    });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值