欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Vue中添加滚动事件设置的方法详解

程序员文章站 2022-03-22 14:59:04
一、问题发现在看vue的事件文档中,测试scroll事件发现如下是行不通的,触发不了scroll事件, 经过一番搜寻未找到原因,不过找到了另外两种在vue中设置滚动事件。二、原因分析暂无三、解决办法1...

一、问题发现

在看vue的事件文档中,测试scroll事件发现如下是行不通的,触发不了scroll事件, 经过一番搜寻未找到原因,不过找到了另外两种在vue中设置滚动事件。

二、原因分析

暂无

三、解决办法

1.直接利用mousewheel事件替代scroll事件

mousewheel鼠标滚轮,显而易见动动鼠标滚轮就能触发事件,但是用光标拖拽滚动条就不能触发事件。

2.类似于原生js添加滚动事件

这种方法既能用滚轮来触发事件也能用光标拖动滚动条触发事件。

总结

到此这篇关于vue中添加滚动事件设置的文章就介绍到这了,更多相关vue添加滚动事件设置内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!

相关标签: vue 滚动 事件