关于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即可。

本文链接：https://blog.csdn.net/ThirteenC/article/details/106646600

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

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

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

iOS tableView setAccessoryView 导致应用程序卡死问题_ios 14 accessoryview_Morris_的博客-程序员宝宝

iOS tableView setAccessoryView 导致应用程序卡死问题

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