vue 嵌套到ios中_vue 2 仿IOS 滚轮选择器 从入门到精通 （一）

大家好，由于最近从事的是微信公众号和APP内嵌 H5开发，避免不了开发一些和native相同的操作功能，就如接下来说的 仿IOS滚轮选择器。github源码链接 https://github.com/zhangKunUserGit/vue-component大家可以下载运行

先来个截图：

接下来具体介绍如何实现的。能力有限避免不了错误请指出，有问题QQ邮箱 1766597067@qq.com

先来屡一下需求：

1.移动端用户手上下滑动，内容上下移动，用户手离开数字按照惯性移动一段距离。

2.当停止移动后，选中一个文字并且文字高亮，上面的值会变成你选中的文字。

3.可以连续滚动。

好了我们知道需求了，开始写吧。

写之前，想来一句 “上海天真蓝，可我在写代码”。

说起滚动，不得不提css3的 transform-style: preserve-3d;和backface-visibility: hidden;

(1)transform-style 属性规定如何在 3D 空间中呈现被嵌套的元素。值如下图：