It can be calculated or viewed as a slide. The more troublesome part of mobile controls like this is events and calculations, such as inertia and reaction force at advanced points, etc. . If you don’t think about it so much, just watch it through the carousel
This kind of UI is very painful, because if you want to see the full picture of each drop-down, you need to pull it all. It is recommended not to use this kind of interface, just choose the native interface + CSS framework.
If you must use it, just use the famous slide component to modify it. Just add transparency to the upper and lower characters.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
It can be calculated or viewed as a slide. The more troublesome part of mobile controls like this is events and calculations, such as inertia and reaction force at advanced points, etc. . If you don’t think about it so much, just watch it through the carousel
This is to control scrolling, not carousel. Use touchmove and touchend to control it
This kind of UI is very painful, because if you want to see the full picture of each drop-down, you need to pull it all. It is recommended not to use this kind of interface, just choose the native interface + CSS framework.
If you must use it, just use the famous slide component to modify it. Just add transparency to the upper and lower characters.
swiperJS can achieve it
mui picker http://www.dcloud.io/mui.html You can try it on your mobile phone to see the effect
You can try it with mobiscroll
This uses js to monitor mouse events and css3 to implement scrolling animation.