前端实现IOS的选择器效果?

发布于 2022-09-03 14:40:32 字数 332 浏览 13 评论 0

图片描述

拖动滚动条,居中的文字变大,文字上下渐暗。对于这个效果,没有太好的实现思路。请教一下,如何可以更好的实现这个效果。如果是上下箭头点击的设计,到是可以判断点击次数来实现。但是滚动条,如何判断呢?
左侧写3个样式,当前选中,离当前距离为1的,为2的元素的样式。就可以了。右侧现在也是计算的移动几条。现在又有一个新的问题。我内容只有7条。7条实际是出不来滚动条的。那如何让最下面一条item处理选中状态呢?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

ぃ双果 2022-09-10 14:40:32

左侧css3 3D就可以满足了,右侧滚动按当前显示条目索引和左侧的总条数百分比划分就行了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文