vue中的滚动事件以及requestAnimationFrame动画
接着上一章将,这一章主要讲编程时遇到的问题:scroll事件:我在vue中是这样使用的object.addEventListener(‘scroll’, e => {}, false);结果发现不行,于是查了很多资料,最后有3种解决方案:①在节点上使用onscroll=“function”②在节点上使用@scroll事件③object.addEventListener的第三个参数..
接着上一章将,这一章主要讲编程时遇到的问题:
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)