请问一个无缝轮滚效果的实现思路是什么?
一个类似轮播图那种效果,当我滚到最后一张图片的时候,它再往后滚出现的就是第一张图。然后当我滚到第一张图时,往前滚就是最后一张图。请问这样的效果实现思路是什么?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
一个类似轮播图那种效果,当我滚到最后一张图片的时候,它再往后滚出现的就是第一张图。然后当我滚到第一张图时,往前滚就是最后一张图。请问这样的效果实现思路是什么?
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(1)
轮播的滚动其实是有间隙的,就类似你滑动,这屏不是平滑过去,而是有个卡的那样,很多WEB2.0都是那种效果的。
基本思路就是:
3屏布景,然后当你往下滑动,实际上不是滑动,是让整个div层的位置向上滚,然后滚出去屏幕之后,这个子div就从顶端删掉,补到最后面去,这样就无限滚动了,而网上滚动,当上一屏出现在屏幕中,最后面就抽一组元素放到顶端。。
我记得有现成的demo可以参考的