vue中的滚动事件以及requestAnimationFrame动画 超、凢脫俗 2022-05-10 08:18 681阅读 0赞 接着上一章将,这一章主要讲编程时遇到的问题: scroll事件: ![scroll事件][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 ![在这里插入图片描述][70] ![在这里插入图片描述][70 1] ![在这里插入图片描述][70 2] // 保证requestAnimationFrame的兼容性 window.requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame; [scroll]: /images/20220510/0b79ca3df9da4bee830d584bce38f7fc.png [70]: /images/20220510/7a8a6997ca824bdda7349241a89c2245.png [70 1]: /images/20220510/42b77707e3ae489888acdb147794cbbd.png [70 2]: /images/20220510/9cd6c2f5341244a69df1fb2cfdd44c6b.png
还没有评论,来说两句吧...