javascript性能 - 请问一个无缝轮滚效果的实现思路是什么？

问题描述

问 题

一个类似轮播图那种效果，当我滚到最后一张图片的时候，它再往后滚出现的就是第一张图。然后当我滚到第一张图时，往前滚就是最后一张图。请问这样的效果实现思路是什么？

解决方案

轮播的滚动其实是有间隙的，就类似你滑动，这屏不是平滑过去，而是有个卡的那样，很多WEB2.0都是那种效果的。
基本思路就是：
3屏布景，然后当你往下滑动，实际上不是滑动，是让整个div层的位置向上滚，然后滚出去屏幕之后，这个子div就从顶端删掉，补到最后面去，这样就无限滚动了，而网上滚动，当上一屏出现在屏幕中，最后面就抽一组元素放到顶端。。
我记得有现成的demo可以参考的

这篇关于javascript性能 - 请问一个无缝轮滚效果的实现思路是什么？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！