vue 监听某个div垂直滚动条下拉到底部的方法
如下所示：
this.$nextTick(() => {
const el = document.querySelector('.act-not');
const offsetHeight = el.offsetHeight;
el.onscroll = () => {
const scrollTop = el.scrollTop;
const scrollHeight = el.scrollHeight;
if ((offsetHeight + scrollTop) - scrollHeight >= -1) {
// 需要执行的代码
}
};
});
坑：在做滚动加载分页时候，有时候第三方的弹窗如elementui 会出问题 ，这时候需要watch变量弹窗关闭时修改el.scrollTop=0即可。
以上这篇vue 监听某个div垂直滚动条下拉到底部的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍vue 纯js监听滚动条到底部的实例讲解，包括了vue 纯js监听滚动条到底部的实例讲解的使用技巧和注意事项，需要的朋友参考一下 在网页中，我们会遇到很多在滚动条到底部的时候有数据正在加载的事件，那么怎样用vue去实现这样的内容呢？本篇只给出一个雏形，结合vue的生命周期用纯javascript写的一个监听函数，后续操作数据库的部分暂且不议。 1、怎样用纯js判断滚动条是否到底部？
-
问题内容： 是否可以使用CSS将DIV的垂直滚动条放在div的左侧？那jscript呢？ 问题答案： 您可以使用JQuery和此插件在任意位置添加伪滚动条：JScrollPane
-
问题内容： 我正在使用Ajax请求创建聊天，并且试图使消息div滚动到底部没有太多运气。 我将所有内容包装在这个div中： 有没有一种方法可以使用JS将其默认滚动到底部？ 有没有一种方法可以在ajax请求后将其滚动到底部？ 问题答案： 这是我在网站上使用的内容：
-
问题内容： 我正在使用Rails中的Ajax请求创建聊天，并且试图使div滚动到底部没有太多运气。 我将所有内容包装在这个div中： 有没有一种方法可以使用JS将其默认滚动到底部？ 有没有办法在ajax请求之后将其滚动到底部？ 问题答案： 这是我在网站上使用的内容：
-
问题内容： 如何使条形图的底部而不是顶部？现在它们粘在容器（）的顶部，但我希望它们粘在底部。 如您所见，我不知道最高条的高度，所以我也不知道容器的高度。 应该简单吧？如果有帮助，它只能在不错的浏览器中工作。 PS。条的数量是可变的（在示例中不是），其高度是可变的。只有它们的宽度是静态的。定位无济于事，因为容器div没有测量值。 问题答案： 这将达到目的： 它在默认情况下已应用的父div上使用。这改
-
本文向大家介绍vue监听滚动事件的方法，包括了vue监听滚动事件的方法的使用技巧和注意事项，需要的朋友参考一下 vue中监听滚动事件，然后对其进行事件处理，一般有：1. 滚动到顶部吸附； 2. 根据滚动的位置激活对应的tab键（锚链接tab键） 这两种方式的处理都是可通过监听scroll来实现 处理方法 1. 滚动到顶部吸附 html元素 methods方法 2. 根据滚动的位置激活对应的tab键