扒皮下腾讯网站地图页面页卡的滚动特效

今天要扒的是腾讯网站地图页面（http://www.qq.com/map/）页卡滚动效果，见下图 有兴趣的童鞋可以去那页面试一试，其动画效果见下图： 那么先理下思路：上方的按钮对应下方的某个栏目，点击某按钮时，其对应的栏目（暂且称为A吧）滚到最上方，原本在A前方的栏目则在滚动结束后自动跳到最后面（这里要注意顺序，比如在A前面有2个栏目B和C，那么B滚完便跳到最后，然后C开始滚，C滚完跳到最后面）。

>>阅读原文<<