VUE·16:事件处理之 @scroll、@wheel 滚动触发

一、@scroll 的用法

1.原理

在我们滚动鼠标滚轮或者以任何方式滚动窗口条的时候,该事件就会被触发

2.代码示例

在这里插入图片描述

二、@wheel 的用法

1.原理

2.1 只有当我们滚动鼠标滚轮的时候,才会触发。
而且,如果我们触发的事件是一个很复杂的事件,那么只有在这个事件执行完毕之后,滚动条才会向下移动!

2.2 为了不这样,我们给 @wheel 设定了一个特殊的属性:passive,它能够让滚动先执行,再去执行滚动触发的事件,这样页面就不会发生卡顿

2.代码示例

在这里插入图片描述
在这里插入图片描述


版权声明:本文为qq_43768851原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。