自存 前端滚动加载页面

    /**
     * @description: 滚动事件回调
     * 计算是否滚动到底部 如果已经滚动到底部就需要去请求数据
     * clientHeight (元素视窗高度)它是元素内部的高度(以像素为单位),包含内边距,但不包括边框、外边距和水平滚动条(如果存在)。
     * scrollHeight (元素实际高度)只读属性是一个元素内容高度的度量,包括由于溢出导致的视图中不可见内容。
     * scrollTop 一个元素的 scrollTop 值是这个元素的内容顶部(卷起来的)到它的视口可见内容(的顶部)的距离的度量。
     * 当一个元素的内容没有产生垂直方向的滚动条,那么它的 scrollTop 值为0。
     * @param {*} e 浏览器事件
     * @return {*}
     */
    onScroll(e) {
      if (Math.ceil(e.target.scrollTop + e.target.clientHeight) >= e.target.scrollHeight) {
        this.loadMore()
      }
    },

  • 3
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值