vue中的滚动事件以及requestAnimationFrame动画

超、凢脫俗 2022-05-10 08:18 819阅读 0赞

接着上一章将，这一章主要讲编程时遇到的问题：
scroll事件：

我在vue中是这样使用的object.addEventListener(‘scroll’, e => {}, false);结果发现不行，于是查了很多资料，最后有3种解决方案：
①在节点上使用οnscrοll=“function”
②在节点上使用@scroll事件
③object.addEventListener的第三个参数改为true，即object.addEventListener(‘scroll’, e => {}, true)
我使用的是第三种方案，因为更加灵活。
selector[::before|::after] {content: attr();}
我们可以通过这种方式减少dom的层级，增加单个标签的作用。
requestAnimationFrame
在这里插入图片描述

在这里插入图片描述

// 保证requestAnimationFrame的兼容性
window.requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;

发表评论取消回复

表情：

评论列表（有 0 条评论，819人围观）

还没有评论，来说两句吧...

相关阅读

相关帧动画requestAnimationFrame

> requestAnimationFrame 来看一个小例子 <body> <div id="box"></div> </body> <

待我称王封你为后i/ 2023年10月06日 14:45/ 0 赞/ 143 阅读

相关 Vue的滚动scroll事件

[https://blog.csdn.net/qq\_42221334/article/details/80969890][https_blog.csdn.net_qq_422

客官°小女子只卖身不卖艺/ 2023年02月22日 12:26/ 0 赞/ 66 阅读

相关 vue的滚动监听事件

scrollGet(e) { // 滚动条高度 e.srcElement.scrollTop, e.target.scrollTop

ゝ一纸荒年。/ 2022年12月18日 10:51/ 0 赞/ 373 阅读

相关帧动画requestAnimationFrame

> requestAnimationFrame 来看一个小例子 <body> <div id="box"></div> </body> <

喜欢ヅ旅行/ 2022年12月05日 00:46/ 0 赞/ 350 阅读

相关 requestAnimationFrame动画控制详解

前端开发whqet,csdn,王海庆,whqet,前端开发专家还在使用setInterval吗，你out了，requestAnimationFrame可以实现更为经济、更加

我就是我/ 2022年08月06日 11:22/ 0 赞/ 352 阅读

相关 requestAnimationFrame动画控制详解

还在使用setInterval吗，你out了，requestAnimationFrame可以实现更为经济、更加准确的控制动画，今天来看看它的来龙去脉。以往

柔情只为你懂/ 2022年08月02日 05:43/ 0 赞/ 331 阅读

相关 vue中的滚动事件以及requestAnimationFrame动画

接着上一章将，这一章主要讲编程时遇到的问题： scroll事件： ![scroll事件][scroll] 我在vue中是这样使用的object.addEventLi

超、凢脫俗/ 2022年05月10日 08:18/ 0 赞/ 819 阅读

相关新动画函数requestAnimationFrame

经典动画话不多说，首先来个经典的动画函数： function animate(element, name, from, to, time) {

小灰灰/ 2022年03月29日 05:43/ 0 赞/ 417 阅读

相关 vue-router—16滚动动画

需求看下面，当我点击左侧的时候，右侧就会定位到某一块，看一下要怎么做 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_te

Myth丶恋晨/ 2022年01月16日 07:07/ 0 赞/ 324 阅读

相关 vue滚动事件监听

最近写了一个VUE的web app项目，需要实现某个部位吸顶的效果。即，页面往上滑动，刚好到达该部位时，该部分，固定在顶部显示。 1、监听滚动事件利用VUE写一个在控制台

逃离我推掉我的手/ 2021年09月17日 00:32/ 0 赞/ 697 阅读