请选择 进入手机版 | 继续访问电脑版

vue监控指定div滑动触底

[复制链接]
谭先生 发表于 2021-1-2 11:50:46 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
  1. 一共有两种方法,但是岂论哪种方法,一定要给监听的div设置overflow-y: scroll;属性!一定要给监听的div设置overflow-y: scroll;属性!一定要给监听的div设置overflow-y: scroll;属性!否则监听不到滑动到屏幕上方的高度!
复制代码
复制代码
  1. 方法一:给指定div设置监听事件mounted({                this.$refs.personDom.addEventListener('scroll',this.handleScroll,true);    }    methods:{        handleScroll(){                var scrollTop = this.$refs.personDom.scrollTop; //滑入屏幕上方的高度        var windowHeitht = this.$refs.personDom.clientHeight; //能看到的页面的高度        var scrollHeight = this.$refs.personDom.scrollHeight; //监控的整个div的高度(包罗现在看到的和上下隐藏起来看不到的)        let total = scrollTop + windowHeitht            if(total == scrollHeight){                console.log("到底了")            }        }}
复制代码
  1. 方法二:div有个@scroll方法可以直接用methods:{        handlerScroll(e){                const dom = e.target        var scrollTop = dom.scrollTop; //滑入屏幕上方的高度        var windowHeitht = dom.clientHeight; //能看到的页面的高度        var scrollHeight = dom.scrollHeight; //监控的整个div的高度(包罗现在看到的和上下隐藏起来看不到的)        let total = scrollTop + windowHeitht            if(total == scrollHeight){                console.log("到底了")            }        }
复制代码
来源:https://blog.csdn.net/qq_40997700/article/details/111986996
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

发布主题

专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )