扑满大师

原文链接 demo精简版 因为原作者说的比较啰嗦…基本思路 因为子元素的scroll事件冒泡到父级元素,所以要在事件中e.preventDefault()坑 在scroll事件中去阻止冒泡是徒劳的,因为这个时候scroll已经发生了 正确的做法是在mousewheel中去阻止(注意兼容firefox,在firefox中叫”DOMMouseScroll“)代码(jquery版

原文一共有三种方式GIF+非GIF方式原理: 播放的时候用gif图片 暂停的时候用非gif图片缺点 所谓”暂停”的时候,永远是那一张非gif图css控制demo 原理 使用css来控制,关键点是animation-play-state: paused;缺点 本质上是帧动画,不是gif 如果手头上是gif,用这样的方式就要去format格式canvas原理 扩展了img标签的方法,