在看淘宝前端团队的博客的时候，无意中点进了关于我们这个页面，其中有个动画我觉得很有趣，也很通用，感觉在哪里都可以使用一样，效果如下图所示： 每次刷新的头像和‘You’的位置都是不同的，说实话，我觉得蛮有意思的，于是我自己尝试去实现了一下。 下面我会从我的角度去分析实现这样的效果…

首先我们要先获取元素的位置信息，这里我们采用getBoundingClientRect方法，MDN上对于该方法的介绍。然后我们只要与可视区域做个比较，就OK了。 接下来我们需要监听'scroll'事件，判断元素是否出现在可视区域内。对于scroll事件的优化之一，我们需要使用函…

CSS动画实现的一些注意事项。 对于web原生的滑动，当内容的尺寸大于容器尺寸的时候结合overflow属性就可以出现漂亮的滚动条了，然后我们可以监听scroll事件。但是在移动端，太多的情况下可能并不能满足我们的需求。 值得庆幸的是，better-scroll.js的作者就在…

大家好，我是神三元。 今天我们来做一个小玩意，用原生JS封装一个动画插件。效果如下： 这个飞驰的小球看起来是不是特有灵性呢？没错，它就是用原生JS实现的。 接下来，就让我们深入细节，体会其中的奥秘。相信这个实现的过程，会比动画本身更加精彩! 封装一个插件，将小球的DOM对象作为…