什么是 picker-mode？
picker-mode 是一个轻量级的库，可以将一个 select 元素转换为一个可滑动的滚动选择器，改善用户体验。可以应用于各类移动端 Web 应用。
安装
使用 npm 进行安装：
--- ------- ----------- ------
使用方法
在 HTML 文件中引入 picker-mode：
---- ------ --- ----- ---------------- ----------------------------------- ---- -- ---------- -- --- ------- ------------------------------------------
在 JavaScript 中实例化 picker-mode：
----- ------------- - ------------------------------------ -- --- -------------------------- -- --
这里的 #mySelect 是一个 select 选择器。转换之后会生成相应的 DOM 结构。
参数
您可以传递一个参数对象来调整 picker-mode 的行为：
------------------------- -
----------- --- -- -------
-------- -- -- ----
------------------ ----------- -- ------
--------- ------- -- - ------------------- -- -- ---------------
---示例代码
下面是一个完整的示例：
HTML
------- --------------
------- ------------ ----------
------- ------------ ----------
------- ------------ ----------
------- ------------ ----------
------- ------------ ----------
---------CSS
--------- -
-------- -----
-JavaScript
------ ---------- ---- --------------
----- ------------- - ------------------------------------
------------------------- -
----------- ---
-------- --
------------------ -----------
--------- ------- -- - ------------------- --
---总结
picker-mode 可以很方便地提高用户体验。使用上述方法，您可以很轻松地将选择器转换为可滑动的滚动选择器。祝您在开发 Web 应用中取得更好的效果！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600559e281e8991b448d774f