vue 监听滚动条（获取滚动条距离底部距离）

作者: 不会写代码的机器人 | 来源:发表于2019-09-29 17:07 被阅读0次

vue 监听滚动条（获取滚动条距离底部距离）
js相关-实用方法收集
vue监听滚动条加载数据
vue 监听滚动条是否到底部and 是否到top
js的一些常用方法
javascript获取滚动条距离顶部的距离以及可是区域的高度
滚动条
12 js07 window系列方法，脚本化CSS
JS中的宽度、高度和位置
vue （记录遇到的问题）

参考链接：https://www.cnblogs.com/yck123/p/10978941.html

@scroll实现
首先有滚动条的div一定要设固定高度，然后overflow:auto;出现滚动条
passive是使滚动更加流畅，减少卡顿,

 <div id="my" @scroll.passive="getScroll($event)"></div>

getScroll(event) {
      // 滚动条距离底部的距离scrollBottom
      let scrollBottom =
        event.target.scrollHeight -
        event.target.scrollTop -
        event.target.clientHeight;
      // if (this.finished && scrollBottom < 40) {
      //  操作
      // }
    },

vue 监听滚动条（获取滚动条距离底部距离）
参考链接：https://www.cnblogs.com/yck123/p/10978941.html @scro...
js相关-实用方法收集
在有滚动条的情况下，判断页面是否滚动到了底部 $(window).scrollTop()：获取窗口滚动条的距离$...
vue监听滚动条加载数据
在vue项目里面监听滚动条和在普通的HTML里面监听滚动条的做法是一样的，1.首先需要知道三个值：滚动条距离div...
vue 监听滚动条是否到底部and 是否到top
vue 监听滚动条是否到底部如有有更好的方法请求分享，谢谢，❥(^_-)
js的一些常用方法
1，关于滚动条获取滚动条滚动的距离window.pageXOffset window.pageYOffset...
javascript获取滚动条距离顶部的距离以及可是区域的高度
// 获取滚动条距离顶部的距离var osTop = document.documentElement.scrol...
滚动条
滚动条距离顶部的距离将滚动条滚动到某个坐标
12 js07 window系列方法，脚本化CSS
滚动条移动距离、获取可视窗口属性、获取dom元素尺寸、滚动条系列方法、脚本化CSS 【封装函数，形成工具库tool...
JS中的宽度、高度和位置
获取屏幕的宽度和高度获取文档的宽度和高度获取滚动条的距离
vue （记录遇到的问题）
切换路由后滚动条位置不在顶部不生效的情况下监听路由切换设置#app 距离顶部的位置 this 不指向vue的时...