关于vue项目中监听滚动条事件的一些坑_ThirteenC的博客-程序员宝宝

技术标签: dom  vue  js  

在vue项目中监听滚动条事件

最近在进行一个vue项目时,需要监听滚动条高度,控制一个导航Dom元素的显示或者隐藏,但是总是无法实现onscoll事件的监听。
在网上看了一下基本都是这样的:

methods:{
        handleScroll(){
            console.log(1);
        }
    },
mounted(){        
        window.addEventListener("scroll", this.handleScroll)
  	}

但是实际上是没有效果的,需要在事件监听器中添加第三个参数true

mounted(){        
        window.addEventListener("scroll", this.handleScroll,true)
  	}

这样才能监听到滚动条事件
第三个参数是布尔值,指定使用事件冒泡还是事件捕获。此参数是可选的。

如果页面设置了 overflow:hidden或者overflow: auto ,则监测到的滚动值一直是0,改为 overflow: visible即可。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/ThirteenC/article/details/106646600

智能推荐

收到Python之父龟叔的点赞,激动!_算法channel的博客-程序员宝宝

点击上方蓝色字体,关注程序员zhenguo你好,我是程序员zhenguo非常开心收到图灵出版社赠送的《了不起的程序员2022》日历一本,晚上回家第一件事开盒,我噻,高端100、实用100,...

flutter 退出app_大白菜打番茄的博客-程序员宝宝_flutter 退出app

两种方法1,如果flutter作为module依赖,则原生也需要处理退出app,由原生来退出整个appSystemNavigator.pop()2,直接退出app,无需关注原生项目exit(0)

iOS开发之基础视图——UIScrollView_一步一步往上爬的小蜗牛的博客-程序员宝宝

UIScrollView是一个可选择滑动的视图组件,用于显示更多的内容,        可以通过手势放大或者缩小来实现显示更多的内容。        UIScrollView有两个子类一个是UITableView,另一个是UITextView。        下面是一个简单的UIScrollView控件的示例//// ViewController.m// UIScrol

修改密码问题_修改密码_weixin_26722031的博客-程序员宝宝

修改密码问题As I’m writing this, most of us are stuck around the house due to Covid-19. If you’re quarantining on doctors orders, isolating on governors orders, or just taking the weekend off from your esse...

ElasticSearch 全文搜索引擎_后端阿一的博客-程序员宝宝_全文检索引擎

一、ElasticSearch 简介1.什么是 ElasticSearch?Elaticsearch,简称为es, es是一个开源的高扩展的分布式全文检索引擎,它可以近乎实时的存储、检索数据;本身扩展性很好,可以扩展到上百台服务器,处理 PB 级别的数据。es也使用 Java 开发并使用 Lucene 作为其核心来实现所有索引和搜索的功能,但是它的目的是通过简单的 RESTful API 来隐藏 Lucene 的复杂性,从而让全文搜索变得简单。 什么是 Lucene?ES 是在之前的 Luce

随便推点

MFC动态创建(dynamic creation)实现原理_聪明的笨蛋的博客-程序员宝宝_mfc动态创建的原理

在用到MFC的文档视图构架你可能有个非常迷惑的地方.就是很多类不知道在哪里就被莫名其妙的实例化了.以单文档视图为例.代码中你能看到的的实例化的地方就只有两个一个是CWinApp的一个全局变量的实例化,另一个就是CSingleDocTemplate 实例化.它的构造函数如下CSingleDocTemplate(UINT nIDResource, CRuntimeClass* pDocCla...

Android 消息推送(一)基于 XMPP 协议 AndroidPN 推送功能_Chiclaim的博客-程序员宝宝

客户端、服务器端程序搭建最近公司需要 Android 的消息推送,在网上找了很多消息推送的例子,都是无法运行.经过一段时间的研究,终于把例子运行起来了。现在共享出来,共同学习。在 androidpn 的官网下载(http://sourceforge.net/projects/androidpn/files/),也可以下载我已经调好的程序。现在把源码共享给大家,http://down...

用积分法求椭圆周长matlab,MATLAB计算积分_weixin_39789042的博客-程序员宝宝

用matlab的int()函数可以快速算相对简单的定积分。使用格式:int(S,v,a,b)S—被积函数v—积分变量a,b—积分区间syms xF=int(cos(x)/sqrt(1+x^2),x,0,10);vpa(F,5)ans=0.37571www.book6789.com防采集请勿采集本网。函数的积分和椭圆的周长I=dblquad('fxy',-2,2,-1,1)kiI=1.5744931...

大厂程序员凡尔赛的一天_Blink小精灵的博客-程序员宝宝

本文转载自程序员技术在东八区的上午八点半,我完美实现了自然醒,随即开始把玩全球市值第一公司下的最新产品iPhone 12。打开月活跃帐户数已达11.51亿的微信看下朋友们的动态,真好,依然一片祥和。打开月活跃用户达5.5亿的微博看下国家大事,真好,依然海晏河清。随即起床,拉开窗帘,站在房价11万/m²的出租屋隔断阳台上,太阳系中心的恒星把我晒得暖暖的。简单洗漱完毕,对着镜子说道:"彦祖,又是新的一天,加油"。然后我开始纠结今日的出行方式。是用滴滴召唤我的专属司机来接我,还是乘坐价

如何持续、正确、安全地把材料性能检测试验做好:“清单革命”读书报告_上海依阳的博客-程序员宝宝

在当下材料性能测试领域还存在这大量“无能之错”,尽管在人、机、料、法、环方面做了大量努力,但还是存在着缺少具体操作手册这一具体环境,缺少操作人员如何在众多机、料、法、环中做出正确选择和操作的指导。这个重要环节的补充,需要发挥全领域的力量,建立材料性能检测试验操作清单和数据库类型的操作手册。

iOS--UIScrollView用法_JustinCan的博客-程序员宝宝_ios uiscrollview

UIScrollView继承于UIView,是苹果封装的一个很常用的框架。UIScrollView主要是用来展示超过固定尺寸View的内容,可以再UIScrollView中操作上下左右滑动,两个手指放大和缩小功能。使用范围包括轮播图等,例如微信聊天列表用的是UITableview继承于UIScrollview,在固定的手机屏幕区域内滑动查看更多内容。下面就介绍一下UIScrollView具体的使用方法:创建UIScrollView的方法: UIScrollView *scrollview =

推荐文章

热门文章

相关标签