淘宝会员俱乐部那样的会员等级进度条 显示vip等级 用户头像在进度条上根据vip等级移动
如何实现 wap端
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
如何实现 wap端
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(4)
不考虑拖动的话,可以定位两个层,头像一层z轴2,等级一层z轴1,然后将头像定位到中间位置,用left:-n%,(n值自己试,可以用vw单位控制),不同等级不同的left值
代码如下
监听touchmove事件,进行操作
其实这是有两层的,上面那层就单纯等级图标往左移动,下面那层是个进度条,先是增加,再定住不动,再往左退一点.
ok 谢谢 我试试