vue 中判断向上滚动还是向下滚动

vue 中判断向上滚动还是向下滚动,第1张

概述<script> export default { data(){ return{ i = 0 } }, mounted () { window.addEventListener(‘scroll‘,
 <script>    export default {        data(){            return{                       i = 0               }           },mounted () {            window.addEventListener(‘scroll‘,this.handleScroll,true);               // 监听(绑定)滚轮 滚动事件        },methods:{         handleScroll(){            // 页面滚动距顶部距离            var scrolltop = window.pageYOffset || document.documentElement.scrolltop ||                       document.body.scrolltop            var scroll = scrolltop - this.i;            this.i = scrolltop;            if(scroll<0){                console.log(‘up‘)            }else{                console.log(‘down‘)            }        },}
总结

以上是内存溢出为你收集整理的vue 中判断向上滚动还是向下滚动全部内容,希望文章能够帮你解决vue 中判断向上滚动还是向下滚动所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/yw/1020794.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存