如何以最优雅的方式制作“下拉式转盘”

Question

好吧，首先，我叫一个下拉式转盘，因为我不知道它是否有名字，所以我认为这是逻辑上的名字。

一段时间以来，我开始在手机中看到这种情况。问题是，我根本不是CSS专家（从某种意义上说，我不是一个新手），当我发现可以做到这一点的库时，它们就是令人费解的jquery库，我对您一无所知，只是看起来我不想碰它。

问题是，如何最好地通过下拉菜单（或一组未指定的元素，您知道，它们可以适应相同的大小，例如常规下拉菜单）来实现这一目标列表）？

Answer 1

在这里您可以找到车轮选择的多个库和实现。

• https://demo.mobiscroll.com/javascript/datetime/#
• https://www.cssscript.com/ios-style-picker-view-vanilla-javascript-mobileselect-js/

以下代码笔在没有库https://codepen.io/gnauhca/pen/JrdpZZ的情况下实现

<div class="date-selector">
    <div class="year" id="year1"></div>
    <div class="month" id="month1"></div>
    <div class="day" id="day1"></div>
</div>